Template:NSFW Image.css: Difference between revisions
Jump to navigation
Jump to search
(Cleo changed the content model of the page Template:NSFW Image.css from "wikitext" to "CSS") Tag: content model change |
(Cleo changed the content model of the page Template:NSFW Image.css from "CSS" to "Sanitized CSS") Tag: content model change |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
.nsfw { | .nsfw { | ||
position: relative; | position: relative; | ||
Line 10: | Line 9: | ||
.blur img { | .blur img { | ||
transition: filter 0.15s ease-in-out; | transition: filter 0.15s ease-in-out; | ||
filter: blur(20px); | |||
} | } | ||
.nsfw:hover .blur img { | .nsfw:hover .blur img { | ||
filter: | filter: none; | ||
transition: filter 0.15s ease-in-out; | |||
} | } | ||
Latest revision as of 09:05, 16 October 2023
.nsfw { position: relative; text-align: center; } .blur { transition: filter 0.15s ease-in-out; } .blur img { transition: filter 0.15s ease-in-out; filter: blur(20px); } .nsfw:hover .blur img { filter: none; transition: filter 0.15s ease-in-out; } .nsfw:hover .nsfw-text { opacity: 0; display: none; } .nsfw-text { opacity: 0.5; padding: 5px 15px 5px 15px; border-radius: 20px; background-color: black; color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }