• Tutos

    Ici tous mes tutos (dessin, code CSS et HTLM, etc.)!

  • Trouvé sur weheartit

     

    (image qui n'a aucun rapport mais que j'aimais vraiment beaucoup!)

     

    Coucou tout le monde! Aujourd'hui votre premier tuto eklablog! Vous allez apprendre à mettre en mouvement les sous menus survolés de votre header (comme indiqué dans le titre, pour changer XD). En fait le but est, au moment e passer la souris sur le sous-menu, le texte bouge rapidement et se déplace sur le côté.                                                                                                                                                                                                                                                Comment faire ? Copiez le code ci-dessous et collez le dans la rubrique "Ajouter du CSS" de la modification de l'apparence de votre blog et vous verrez tout de suite le changement!

    #menu ul a:hover {padding-left: 25px;
    width: 150px;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}

     

    Si vous avez un problème quelconque, je suis là pour répondre à vos questions et pour vous aider! Je précise que vous pouvez modifier ce code à votre guise pour changer les effets, par exemple pour changer la durée vous changez les trois "0.1s" en "1s" pour que ce soit plus long, en "3s" pour que cela dure vraiment...Vous êtes libres de faire ce que vous voulez, je ne vous donne que la base!

    Bises,

    Vi


    12 commentaires


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique