• Transition fondue sur les liens

    Voyez comment faire une transition fondue au survol sur les liens.

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :

    Installer une police et l'utiliser

    En fait, on va simplement mettre ces lignes de propriétés dans le sélecteur "#body a", donc body pour le corps du blog, et a pour les liens.
     

     

    a
    {
      -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;}

     

    Et bien évidemment, pour faire une transition fondue sur d'autres choses (les boutons par exemple, ces propriétés étaient aussi dans le tuto de l'opacité de la menubar...), vous prenez simplement les propriétés seules et les mettez dans votre sélécteur.

     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;


    a
    : le sélecteur pour tous les liens du blog.

    0.5 : à modifier avec la valeur numérique que vous souhaitez. Plus elle sera grande, plus les liens seront fondus


     Prenons ce code :
    a {color: #555;-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;}
    a:hover{color:#cc0000;}


     
     


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :