/styles/NSFW Image.css

Revision as of 08:47, 16 October 2023 by Cleo (talk | contribs) (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;...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
 .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%);
 }