Collection de cueillies à la main gratuitement Bouton de fermeture HTML et CSS exemples de code de Codepen, GitHub et d’autres ressources. Mise à jour de la collection d’octobre 2021. 1 nouvel article
- Boutons CSS
- Effets de survol du bouton CSS
- Boutons CSS 3D
- Boutons de soumission CSS
- Boutons dégradés CSS
- Boutons plats CSS
- Boutons de téléchargement CSS
- Boutons lecture/pause CSS
- Effets de clic sur le bouton CSS
À propos d’un code
Bouton Croix/Fermer CSS pur
Navigateurs compatibles : Chrome, Bord, Firefox, Opéra, Safari
Sensible: Non
Dépendances : –
À propos d’un code
Bouton Fermer
Navigateurs compatibles : Chrome, Bord, Firefox, Opéra, Safari
Sensible: Non
Dépendances : –
À propos d’un code
Bouton bulle de chat
Bulle de discussion pour fermer l’animation.
Navigateurs compatibles : Chrome, Bord, Firefox, Opéra, Safari
Sensible: Non
Dépendances : –
À propos d’un code
Bouton Fermer
Navigateurs compatibles : Chrome, Bord, Firefox, Opéra, Safari
Sensible: Non
Dépendances : –
À propos d’un code
Alternative au bouton de fermeture de Twitter
en utilisant <button> + pseudos (incl. :hover & :focus)
Navigateurs compatibles : Chrome, Bord, Firefox, Opéra, Safari
Sensible: Non
Dépendances : –
À propos du code
Bouton de fermeture CSS
Navigateurs compatibles : Chrome, Bord, Firefox, Opéra, Safari
Dépendances : –
À propos du code
Fermer l’animation
Une petite animation rapprochée qui n’est pas un hamburger pour fermer l’animation.
Navigateurs compatibles : Chrome, Bord, Firefox, Opéra, Safari
Dépendances : –
À propos du code
Bouton de fermeture interactif
Un simple mais interactif close button.
Navigateurs compatibles : Chrome, Bord, Firefox, Opéra, Safari
Dépendances : –
À propos du code
Icône de fermeture animée
Navigateurs compatibles : Chrome, Bord, Firefox, Opéra, Safari
Dépendances : –
Fabriqué avec
- HTML (Carlin) / CSS (Sass) / JavaScript
À propos du code
Animation du bouton Ouvrir/Fermer
Navigateurs compatibles : Chrome, Firefox, Opéra, Safari
Dépendances : font-awesome.css
Fabriqué avec
- HTML/CSS (SCSS)/JavaScript
À propos du code
Ouvrir fermer
Implémentation de “Open Close Icon Animation” de Dann Petty https://dribbble.com/shots/1621359-Open-Close-Icon-Animation.
Navigateurs compatibles : Chrome, Bord, Firefox, Opéra, Safari
Dépendances : –
À propos du code
Retour à Fermer
Inspiré de “Back To Close” de Sandeep Virk https://dribbble.com/shots/1980182-Back-to-Close
Navigateurs compatibles : Chrome, Bord, Firefox, Opéra, Safari
Dépendances : –
À propos du code
Bouton Fermer
Simple bouton de fermeture en HTML et CSS.
Navigateurs compatibles : Chrome, Bord, Firefox, Opéra, Safari
Dépendances : –
À propos du code
Boutons de fermeture CSS purs
Concept de Ruben Reyes. N’hésitez pas à jouer avec, à l’animer, à l’intégrer à des icônes de hamburger, etc.
Navigateurs compatibles : Chrome, Bord, Firefox, Opéra, Safari
Dépendances : –
À propos du code
Bouton Fermer
Un site nécessitait un bouton de fermeture, alors j’ai pensé que je testerais quelque chose pour voir le code requis. C’est une animation simple mais qui a l’air tellement bonne.
Navigateurs compatibles : Chrome, Bord, Firefox, Opéra, Safari
Dépendances : –