FLATIMATION SVG – um conjunto de ícone SVG animado

LIVE PREVIEWBUY FOR $6

É hora de você adicionar um pouco de diversão ao seu site! E se eu lhe dissesse que você poderia adicionar ícones animados atraentes que funcionam em todos os principais navegadores e dispositivos móveis, enquanto tive a máxima flexibilidade de tamanhos de arquivo menores, escalabilidade ilimitada e extrema personalização em apenas três palavras? Conheça o Flatimation SVG!

O que é Flatimation SVG?

O FLATIMATION SVG é um conjunto de 81 ícones SVG animados com 7 efeitos de animação, 3 variações de fundo e 6 opções de tamanho pré -codificado. Todas essas 126 opções por ícone podem ser alteradas em apenas três palavras – e isso não está contando as possibilidades ilimitadas de cores e pairar encontradas na folha de estilo CSS detalhada. São 10.206 opções em uma compra!

7 efeitos de animação

Flatimation SVG por Garett® - 7 efeitos de animaçãoFlatimation SVG por Garett® - Spin DemoFlatimation SVG por Garett® - Demonstração de JumpFlatimation SVG por Garett® - Demonstração de RockFlatimation SVG por Garett® - Demoção de PulseFlatimation SVG por Garett® - Shake DemoFlatimation SVG por Garett® - Demoção de BounceFlatimation SVG por Garett® - demonstração de zoom .Gif acima é fortemente otimizado. As animações são mais suaves na pré -visualização ao vivo.

3 variações de fundo

Flatimation SVG por Garett® - 3 variações de fundoFlatimation SVG por Garett® - 3 Demoção de variações de fundo

6 tamanhos pré -codificados

FLATIMATION SVG BY GARETT® - 6 tamanhos pré -codificadosFLATIMATION SVG BY GARETT® - 6 Demo tamanhos pré -codificados

Adeus pixels, olá escalabilidade

Os SVGs são gráficos vetoriais, o que significa que eles podem escalar de 16px a 1000px enquanto permanecem lindamente nítidos. Isso também significa que não há necessidade de duplicar ícones para dispositivos prontos para retina/alta resolução. Diga? Nara Pixelation!

Flatimation SVG por Garett® - Todos os íconesFlatimation SVG por Garett® - SVG vs PNG Demo

3 combinações de palavras

Eu não brinco com você, a parte mais difícil do Flatimation SVG é escolher qual combinação de 3 palavras você deseja em seu snippet SVG. 126 Opções e você deve reduzi -lo a 1 efeito de animação, 1 variação de fundo e 1 opção de tamanho – boa sorte! Minha combinação favorita é “Spinsvg Circlebg Middleicon”!

Flatimation SVG por Garett® - Combinações de 3 palavrasFLATIMATION SVG POR GARETT® - Exemplos de combinação de 3 palavras - Jump/SquareBG/Small, Spin/Circlebg/Middle, Rock/RoundedBG/Large .Gif acima é fortemente otimizado. As animações são mais suaves na pré -visualização ao vivo.

Joga bem com os outros

Flatimation SVG por Garett® - SVG vs PNG Demo

Graças a Valosity.js e jQuery, a FlatImation SVG funciona sem esforço em todos os principais navegadores e dispositivos móveis sem a necessidade de flash ou qualquer outro plug -in. Eu mencionei o Flatimation SVG até toca com esse valentão, ou seja, 9+?

Documentação extremamente detalhada

Seja você um desenvolvedor veterano da web ou minha mãe de 50 anos, expliquei em grande detalhe como fazer o Flatimation SVG funcionar e implementar em seu site em poucos minutos. Sim, eu literalmente testei minha mãe não tão experiente em tecnologia – seu recorde é de 7 minutos.

Mantendo isso simples, bobo

Graças à sua planicidade e personalização minimalistas, a Flatimation SVG se encaixa em todos os temas, sites e marcas. Não importa se o site é para uma Fortune 500, um grupo de rock punk ou um blog de gatos – o Flatimation SVG se encaixa!

Conheça a família SVG da Flatimation

O Flatimation SVG é composto por 63 mídias sociais e 18 ícones de uso geral. Aqui está como eles são em suas três variações de fundo:

Flatimation SVG por Garett® - Todos os íconesFlatimation SVG por Garett® - 81 ícones em 3 variações de fundo

FLATIMATION SVG Recursos

  • 81 lindos ícones SVG
  • 100% escalável e compatível
  • 10.206 opções fáceis personalizáveis
  • Documentação detalhada
  • Projetado para combinar com todos os sites
  • Retina pronta e alta resolução
  • Apoio direto do autor


Source