Template:NSFW Image.css: Difference between revisions
(Created page with " .nsfw { position: relative; text-align: center; } .blur { transition: filter 0.15s ease-in-out; } .blur img { filter: url("#sharpBlur"); transition: filter 0.15s ease-in-out; } .nsfw:hover .blur img { filter: blur(0px); } .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;...") |
(Cleo changed the content model of the page Template:NSFW Image.css from "CSS" to "Sanitized CSS") Tag: content model change |
||
| (2 intermediate revisions 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%);
}