Tumblr Fade Image Effect Code

If you want all your images have a fading effect when you hover the mouse cursor on them, you just need to paste the following html code into your layout.

Follow the tutorial below

Tumblr Fade Picture Effect Code

1. Go To Customize Theme >> Edit HTML and find with Ctlr+f the following tag <style type=”text/css“> (you’d be better off just searching for type=”text/css“). Right under it, paste the following code, which will apply the fading effect to all your pictures.




img { border: 0px solid #eee; padding: 3px; filter: alpha (opacity=80); opacity: 0.80;} img:hover {filter: alpha (opacity=100); opacity: 1.0;}