Simple CSS PictureProtection
Image Fade In on 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;}
Image Fade In and Resize 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;}
Modify to your liking!