Anonymous ID: eeeb2d July 28, 2018, 9:19 p.m. No.2333927   🗄️.is 🔗kun

>>2333889

.post-image { opacity: .1; transform: scale(.1); transform-origin: top left; transition: all 233ms;}.post-image:hover { opacity: 1; transform: scale(1.0); transform-origin: top left; transition: all 89ms;}

Anonymous ID: eeeb2d July 28, 2018, 9:27 p.m. No.2334001   🗄️.is 🔗kun   >>4088 >>4099

Simple CSS PictureProtection

 

Fade in with mouse hover

.post-image { opacity: .1; / Can be set between .01 to .. well, 1 but that... I mean you can do it if you want. / transition: all 233ms;}.post-image:hover { opacity: 1; transition: all 89ms;}

 

Fade and resize-to-full on mouse hover

.post-image { opacity: .1; / Same deal: .01 to 1 / transform: scale(.3); / Start the image at 3/10th its size. Can be set between .1 and 1 / transform-origin: top left; transition: all 233ms;}.post-image:hover { opacity: 1; transform: scale(1.0); transform-origin: top left; transition: all 89ms;}