(Código abaixo) - Hoje, vamos conferir como criar uma caixa de seleção SVG personalizada que anima ao clicar. Usaremos o Chromevox para garantir que seja acessível também. Primeiro, vamos entrar no Adobe Illustrator (embora você possa usar qualquer software compatível com vetores) para desenhar o ícone, depois definiremos o HTML e o CSS. Há um pouquinho de JavaScript também, para alternar e reverter a animação.
Demonstração no Codepen para este projeto:
Vamos começar!
- - - - - - - - - - - - - - - - - - - - - -
Inscreva-se para NOVOS VÍDEOS!
^-Bate-papo comigo e outros
- - - - - - - - - - - - - - - - - - - - - -
Quem é Gary Simon? Bem, sou um desenvolvedor full stack com mais de 2 décadas de experiência e ensino as pessoas a projetar e codificar. Criei cerca de 100+ cursos para grandes marcas como LinkedIn, Lynda.com, Pluralsight e Envato Network.
Agora, concentro todo o meu tempo e energia neste canal e no meu site Coursetro.com.
Venha para o meu servidor Discord ou me adicione nas redes sociais e diga Oi!