Keyframes, um editor online para criar animações em CSS

Postado em

Keyframes-
Hoje temos à disposição, múltiplas ferramentas para criar animações. Quem procura por alguma ferramenta que permita gerar suas próprias animações personalizadas em CSS, com certeza, vai gostar de conhecer Keyframes, um simples editor para criar animações pelo navegador e exportar o resultado em CSS.

Leia também: CSS GRADIENT, UM COMPLETO GERADOR GRATUITO DE GRADIENTES

Tal como é possível comprovar no site da plataforma, Keyframes é uma ferramenta extremamente útil para criar, visualizar e reproduzir animações sem necessidade de ter que estar trocando constantemente, entre o navegador e o editor. Sem dúvida, um de seus pilares principais é seu simples funcionamento, pois Keyframes permite trabalhar usando uma linha de tempo muito visual.

Basicamente, o site põe à nossa disposição um painel desde o qual podemos ajustar aspectos como a duração da animação e as interações a realizar. Além disso, também é possível modificar todos os parâmetros dos elementos com os quais trabalhamos, como a cor de fundo, a opacidade, as sombras, etc.

A todo momento podemos saber qual o status da animação, e estando de acordo com o resultado só temos que clicar no botão “Show Output CSS” para obter o código da animação em CSS. Vale saber que a ferramenta é gratuita, o que, sem dúvida, é um ponto à favor.

Leia também: PURGECSS, PARA REDUZIR O TAMANHO DE ARQUIVOS CSS ELIMINANDO SELETORES NÃO UTILIZADOS

Quem se interessar, pode dar uma olhadinha em Keyframes e começar a criar suas próprias animações em CSS de uma forma super simples entrando aqui. Além disso, seus criadores também oferecem uma versão de Keyframes em forma de extensão para Google Chrome que nos permite criar animações sobre qualquer elemento e em qualquer site.