Join the PidgiNet Discord! https://discord.gg/Eg9QahqpXf
Difference between revisions of "User:Immewnity/fluent.css"
on PidgiWiki, the video game media repository
Line 3: | Line 3: | ||
} | } | ||
li.gallerybox div.thumb:hover { | li.gallerybox div.thumb:hover { | ||
− | background- | + | background-image: |
+ | linear-gradient(45deg, #ccc 25%, transparent 25%), | ||
+ | linear-gradient(135deg, #ccc 25%, transparent 25%), | ||
+ | linear-gradient(45deg, transparent 75%, #ccc 75%), | ||
+ | linear-gradient(135deg, transparent 75%, #ccc 75%); | ||
+ | background-size:25px 25px; /* Must be a square */ | ||
+ | background-position:0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */ | ||
transition: 1s; | transition: 1s; | ||
} | } |
Revision as of 00:05, 14 October 2022
li.gallerybox div.thumb { transition: 1s; } li.gallerybox div.thumb:hover { background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(135deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(135deg, transparent 75%, #ccc 75%); background-size:25px 25px; /* Must be a square */ background-position:0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */ transition: 1s; }