3,599
edits
Template:Keegan: Difference between revisions
m
Fiddling with my css
m (Testing something bear with me) |
m (Fiddling with my css) |
||
| Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
.character-image { width: 90px; transition: filter 0.3s; } | .character-image { width: 90px; transition: filter 0.3s; } | ||
.character-image.bw { filter: grayscale(100%); } | .character-image.bw { filter: grayscale(100%); } | ||
.character-label { color: white; font-weight: bold; line-height: 0; margin-top: -0.5em; font-size: 0.7em; margin-left: 1px; text-shadow: 1px 1px black; } | .character-label { color: white; font-weight: bold; line-height: 0; margin-top: -0.5em; font-size: 0.7em; margin-left: 1px; text-shadow: 1px 1px black; } | ||
.mirror-icon-container { width: 30px; height: 30px; margin-left: -33px; margin-top: 70px; position: relative; border-radius: 50%; background-color: black; } | .mirror-icon-container { width: 30px; height: 30px; margin-left: -33px; margin-top: 70px; position: relative; border-radius: 50%; background-color: black; } | ||
.character-image:hover { filter: grayscale(0%); } | .character-image:hover { filter: grayscale(0%); } | ||
}} | }} | ||