(Codepen ci-dessous) - Aujourd'hui, nous allons voir comment créer une case à cocher SVG personnalisée qui s'anime au clic. Nous utiliserons Chromevox pour garantir son accessibilité également. Tout d'abord, nous allons nous plonger dans Adobe Illustrator (bien que vous puissiez utiliser n'importe quel logiciel vectoriel) pour concevoir l'icône, puis nous définirons le HTML et le CSS. Il y a aussi un petit peu de JavaScript, pour basculer et inverser l'animation.
Démo Codepen pour ce projet :
Commençons !
- - - - - - - - - - - - - - - - - - - - - -
Abonnez-vous pour de NOUVELLES VIDÉOS !
^-Discutez avec moi et d'autres
- - - - - - - - - - - - - - - - - - - - - -
Qui est Gary Simon ? Eh bien, je suis un développeur full stack avec plus de 20 ans d'expérience et j'enseigne aux gens comment concevoir et coder. J'ai créé environ 100+ cours pour de grandes marques comme LinkedIn, Lynda.com, Pluralsight et Envato Network.
Maintenant, je concentre tout mon temps et mon énergie sur cette chaîne et mon site web Coursetro.com.
Venez sur mon serveur Discord ou ajoutez-moi sur les réseaux sociaux et dites bonjour !