Advertisement
Hisabeel

How to put fade effect on image?

Sep 28th, 2017
256
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.93 KB | None | 0 0
  1. Copie e cole este código depois da tag <style type=text/css”> or algo assim:
  2.     img{
  3.     -webkit-transition: opacity 0.8s linear;
  4.     opacity: 0.60;
  5.     }
  6.  
  7.     img:hover{
  8.     -webkit-transition: opacity 0.8s linear;
  9.     opacity: 1;
  10.     }
  11.  
  12.     IMAGEM: http://68.media.tumblr.com/tumblr_lk09qnBQJm1qdv3r8.jpg
  13.  
  14. **pode alterar os números se quiser
  15.  
  16.  
  17. Tutorial original por Jada (http://neudest.tumblr.com/)
  18.  
  19.  
  20. x ----------------------------------------------------------------------------------------------------------------------------------- x
  21.  
  22.  
  23. Copy and paste this code before  <style type=text/css”>  tags or something like that.
  24.     img{
  25.     -webkit-transition: opacity 0.8s linear;
  26.     opacity: 0.60;
  27.     }
  28.  
  29.     img:hover{
  30.     -webkit-transition: opacity 0.8s linear;
  31.     opacity: 1;
  32.     }
  33.  
  34.     IMAGE: http://68.media.tumblr.com/tumblr_lk09qnBQJm1qdv3r8.jpg
  35.  
  36. **you can change the numbers if you want
  37.  
  38.  
  39. Original tutorial by Jada (http://neudest.tumblr.com/)
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement