image blur hover test
facepicture.jpg

this guy dude is censored man, his face is infohazardous or something. hover over him to view his bodacious face. MESSAGE TEXT


AS SEEN IN THE FOLLOWING SCPS:

this thing by doc AErs


here's the code1

[[module CSS]]
.unblur{
transition: .2s;
-webkit-filter: blur(12px);
filter: blur(12px);
}

.unblur:hover{
transition: .2s;
transition-delay: .1s;
-webkit-filter: blur(0.001px);
filter: blur(0.001px);
}
[[/module]]

[[div class="scp-image-block block-{$ALIGNMENT}" style="width:300px;"]]
[[image {$IMAGE NAME/LINK TO IMAGE} class="unblur" style="width:300px;" align="{$ALIGNMENT}"]]
[[div class="scp-image-caption" style="width:300px;"]]
{$CAPTION}
[[/div]]
[[/div]]