Ralentir Opacité CSS Animation

Je veux ralentir le minutage de l'animation .l'opacité d'une propriété CSS.
Comme, je veux que ce retard de 0,2 ms ou quelque chose comme ça.

Pour obtenir une meilleure idée, l'opacité est ajouté lors de son survol d'une vedette post sur mon site ici: http://www.thetechnodaily.com

Rappelez-vous: je n'ai PAS UTILISÉ jQuery dans ce. Son pur CSS.

OriginalL'auteur Lavanya Arora | 2012-07-29

  1. 5

    Ce que vous semblez être à la recherche pour est Les Transitions CSS.

    Transitions permettent de définir un retard et la longueur de la transition.

    OriginalL'auteur Inkbug

  2. 6

    Je pense que cela pourrait être ce que vous essayez d'atteindre?

    http://fiddle.jshell.net/9VB72/2/

    Plus d'infos

    Remarque: Mettre la transition en vol stationnaire règle ne peut fournir la transition d'un chemin. Si vous le mettez dans la règle principale, il va de transition de deux façons.
    Être conscient de l'utilisation de transition: all ...;, car il définit toutes les transitions, si vous voulez juste opacity de transition de l'utilisation transition: opacity ...; - voir fiddle.jshell.net/Naa57 pour simple exemple

    OriginalL'auteur smilledge

  3. 1

    À l'aide de jquery

    $('#clickme').click(function() {
   $('#book').animate({
       opacity: 0.25,
       left: '+=50',
       height: 'toggle'
   }, 5000, function() {
     //Animation complete.
   });
});

    http://api.jquery.com/animate/

    À l'aide de css vous pouvez essayer quelque chose comme ceci:

    .class:hover {
    opacity: 1; 
    -moz-transition: all 0.4s ease-out;  /* FF4+ */
    -o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.4s ease-out;  /* IE10? */
    transition: all 0.4s ease-out;  
}

    OriginalL'auteur Prashobh