Grow your CSS skills. Land your dream job.

CSS3 Fade In Out Hover Effect

  • # March 7, 2013 at 1:45 pm

    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

    # March 7, 2013 at 1:56 pm

    Depends on the effect you are after.

    What you have will work.

    # March 7, 2013 at 2:41 pm

    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.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".