SVG Artista é um projeto de spin-off de Animista.net Muitos usuários da Animista têm nos perguntado sobre como fizemos a animação de tela de respingo Animista. Por isso, decidimos desenvolver uma ferramenta que simplificasse o processo de criação de tal animação. Era originalmente para ser uma parte do Animista, mas como logo superou nossa ideia original fez sentido torná-lo um projeto separado. SVG Artista é uma ferramenta que ajuda você a animar o curso e preencher propriedades em suas imagens SVG com código CSS simples. Deve funcionar bem com caminho, linha, polilina, rect, círculo, elipse e elementos de polígono. Não pode animar gradientes SVG, por isso, tenha isso em mente. SVG Artista gera o CSS necessário e atualiza o código SVG para que ele possa ser facilmente animado atribuindo a classe .active ao elemento SVG. Ele doesn't depender de bibliotecas JS de terceiros para trabalhar, embora você provavelmente vai querer usar um para definir dinamicamente a classe .active em algum tipo de gatilho (por exemplo, em rolar em vista). Dependendo de sua preferência, você pode gerar a transição CSS ou o código de animação CSS. CSS animado SVG é bastante bem suportado e deve trabalhar em todos os navegadores modernos. Dito isto, SVG Artista código gerado é fornecido como-é, sem garantia de qualquer tipo. Use seu julgamento e teste-o em seu ambiente de destino e navegadores antes de usá-lo na produção.