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