Logo Keyframes CSS Ícone

Keyframes CSS

Grátis
Funciona em: Web
Adicionado em : 08/08/2018 Mitch Samuels
Acessar Acesso Grátis
Verificado com Antivírus

O que estão falando…

Já usou? Avalie! +0 Avaliações - Seja o primeiro a avaliar o produto!

Descrição

Caio de Carvalho
Crie animações CSS na web ou pelo navegador de um jeito simples e rápido

Mexer com linguagem de programação pode não ser algo tão fácil para todos os usuários. Contudo, Keyframes quer facilitar esse processo por meio de uma ferramenta acessível e simplificada.

O Keyframes permite justamente criar animações no estilo CSS usando uma linha do tempo dedicada que exibe cada efeito ou mudança aplicada ao conteúdo. A timeline suporta múltiplos passos de edição, todos marcados na parte inferior da janela, e você ainda pode estipular a duração do efeito, de quanto em quanto tempo ele irá começar, entre outras opções.

É possível alterar tamanho, escala, cor de fundo e cor da fonte, tamanho e grossura da fonte, opacidade, bordas e muitos outros elementos que integram as animações - tudo isso por um menu à direita da tela. Caso tenha conhecimentos nesse tipo de linguagem, você ainda pode mexer na construção CSS do arquivo para fazer mudanças mais minuciosas.

Depois, quando terminar as edições em seu projeto, o Keyframes vem com uma função para exportar a criação em CSS, salvando-a diretamente no computador.

Extensão

Além do modelo web, o Keyframes possui uma versão para Google Chrome que funciona do mesmo jeito que o original. A diferença é que os efeitos de animação podem ser aplicados em páginas da internet. Ou seja, ao tocar no ícone da aplicação no navegador, você brinca com itens já inclusos naquele site, sem precisar criar algo do zero.

Nossa Opinião sobre o Keyframes CSS

Seja em sua versão web ou pela extensão para Google Chrome, o Keyframes tem uma proposta divertida e acessível, principalmente aos usuários que sempre tiveram curiosidade de desenvolver animações, mas acham difícil mexer com códigos e outros elementos da linguagem de programação.

Aqui, não tem segredo: ao abrir a plataforma, você já pode fazer suas edições pelo menu lateral ou ir adicionando em quais momentos a animação entrará em cena. Por se tratar de uma ferramenta básica, são poucas as opções de personalização. No entanto, são recursos bastante satisfatórios e que com certeza irão simplificar a utilização.

Em nossos testes, tanto o Keyframes web quanto a extensão para browser funcionaram de maneira semelhante. Primeiro porque você tem total liberdade para iniciar um projeto usando apenas sua imaginação e criatividade; segundo porque você tem a facilidade de usar características pré-estabelecidas por outros sites para então dar início às suas criações.

Só consideramos que seria interessante se houvesse mais formas para exportar os projetos feitos no Keyframes. Por exemplo, uma opção para salvar no formato de GIF ou vídeo, e não somente em CSS.

Prós & Contras

Prós

  • Fácil de usar
  • Interface amigável
  • Uso igual nas versões web e para browser
  • 100% gratuito

Contras

  • Faltam mais opções de salvamento

Interesse ao longo do tempo

Compartilhe essa página

Avaliações sobre o Keyframes CSS

  • {{comentario.nome}} {{comentario.data}}
    {{comentario.nota}}
    Nota {{comentario.notaExtenso}}!
    Editar Avaliação