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%);
}