(Código en Codepen abajo) - Hoy, vamos a ver cómo crear una casilla de verificación SVG personalizada que se anima al hacer clic. Usaremos Chromevox para asegurarnos de que sea accesible también. Primero, entraremos en Adobe Illustrator (aunque puedes usar cualquier software capaz de manejar vectores) para diseñar el ícono, luego definiremos el HTML y CSS. También hay un poco de JavaScript para alternar y revertir la animación.
Demostración en Codepen para este proyecto:
¡Comencemos!
- - - - - - - - - - - - - - - - - - - - - -
¡Suscríbete para NUEVOS VIDEOS!
^-Chatea conmigo y otros
- - - - - - - - - - - - - - - - - - - - - -
¿Quién es Gary Simon? Bueno, soy un desarrollador full stack con más de 20 años de experiencia y enseño a las personas a diseñar y codificar. He creado alrededor de 100+ cursos para grandes marcas como LinkedIn, Lynda.com, Pluralsight y Envato Network.
Ahora, enfoco todo mi tiempo y energía en este canal y mi sitio web Coursetro.com.
¡Ven a mi servidor de discord o agrégame en redes sociales y di Hola!