Des menus hamburgers tout fait en css, ça ne se refuse pas !

« Hamburgers » est une bilbiothèque qui vous permettra de mettre en place rapidement une icone animée pour votre menu hamburger.

En incluant son fichier CSS, vous pourrez ensuite utiliser ce type de code en appliquant l’effet désiré en appellant la bonne classe

<div class="hamburger-wrap">
        <button class="hamburger hamburger--collapse hamburger--accessible js-hamburger" type="button">
          <span class="hamburger-box">
            <span class="hamburger-inner"></span>
          </span>
          <span class="hamburger-label">Menu</span>
        </button>
      </div>

 

Il inclue également un fichier Sass .scss et est aussi disponible via npm, Bower ou Ruby.gem

Voir en ligne : https://jonsuh.com/hamburgers/

Image de mike

mike

Chef de projet web, Mike assure la réussite de projets digitaux depuis 2011. Son but est d'aider les webmasters et les freelances à tirer le meilleur des outils comme WordPress, WooCommerce et Elementor. Sur ce blog il partage son expérience, ses astuces et les pépites dénichées sur le web. Côté pro, Mike adore apprendre de nouveaux trucs et faire progresser les autres, et côté perso les afters, faire des shoots de baskets et les films d'horreur. La légende raconte qu'avec un mojito il vous accordera +4xp de confiance

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Thématiques

Vous recherchez des astuces dans un secteur donné ? Vous pouvez accéder directement à la catégorie qui vous intéresse !