/styles/NSFW Image.css: Difference between revisions
Jump to navigation
Jump to search
(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;...") |
(No difference)
|
Latest revision as of 08:47, 16 October 2023
.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;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}