Back to Top Cindie
 
bassweightkitten-blog Asked: how can i make all my images fade? xxxxx

look for the image class it should be toward the top-esh area of the code.

img { 

padding: 0px; 

filter: alpha (opacity=100); 

opacity: 1.0; <-change this to the fade you want

-webkit-transition: all 0.3s ease-out;

-moz-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;cursor: 

}

img:hover {

filter: alpha (opacity=100); 

opacity: 0.80; <-Change this to the fade images will be once you hover over them

-webkit-transition: all 0.5s ease-out;

-moz-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;cursor: 

}

how to know how much to fade

1.0 = 100% so there is no fade (images are how they should look)

0.90 = 90% small fade

0.80 = 80% slightly smaller

v

v

0.30 = 30% extreme fade 

0.20 = 20% even more fade

0.10 = 10% barely see the image fade

0.0 or 0 = you can’t see the image at all

Posted: Thu August 11th, 2011 at 11:03am
Ask: Ask me anything
Tagged: asked tutorial
Notes: 41
  1. kees-resources reblogged this from cindie
  2. eumoriovs-blog reblogged this from cindie
  3. cindie posted this