treehouse : what would you like to learn today?
Web Design Web Development iOS Development

CSS3 Fade In Out Hover Effect

  • Hi Is this the best way to make a hover fade in and out effect with css3?

      -o-transition:color .2s ease-out, background 1s ease-in;
      -ms-transition:color .2s ease-out, background 1s ease-in;
      -moz-transition:color .2s ease-out, background 1s ease-in;
      -webkit-transition:color .2s ease-out, background 1s ease-in;
    
      transition:color .2s ease-out, background 1s ease-in;
    

    Many Thanks and Best Regards Charles

  • Depends on the effect you are after.

    What you have will work.

  • Or you just fade it in out using opacity. Still waiting for all those lesser used css3 rules to become second nature for me. Tired of googling them each time to confirm.