Template:NSFW Image.css: Difference between revisions

From The Unofficial Isekai:Slow Life Wiki
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)

Revision as of 08:49, 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%);
 }