CSS Animations

Experimental: Esta é uma tecnologia experimental (en-US)
Verifique a tabela de compatibilidade entre Navegadores cuidadosamente antes de usar essa funcionalidade em produção.

CSS Animations is a module of CSS that defines how to animate the values of CSS properties over time, using keyframes. The behavior of these keyframe animations can be controlled by specifying their duration, their number of repetitions, and how they repeat.


CSS Properties

CSS At-rules


Detecting CSS animation support
Describes a technique for detecting if the browser supports CSS animations.
Using CSS animations
Step-by-step tutorial about how to create animations using CSS, this article describes each relevant CSS property and at-rule and explains how they interact.


Specification Status Comment
CSS Animations Level 1 Rascunho atual Initial definition.

Compatibilidade com navegadores

Estamos convertendo nossos dados de compatibilidade para o formato JSON. Esta tabela de compatibilidade ainda usa o formato antigo, pois ainda não convertemos os dados que ela contém. Descubra como você pode ajudar! (en-US)
Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Yes)-webkit (en-US)
5.0 (5.0)-moz (en-US)
16.0 (16.0)
10 12-o (en-US)
4.0-webkit (en-US)
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 2.1 -webkit (en-US) [1]
4.0 -webkit (en-US)
5.0 (5.0)-moz (en-US)
16.0 (16.0)
? ? (Yes)-webkit (en-US)

[1] Partial support: animation-fill-mode property is not supported in Android browser below 2.3.

[2] See the release notes to Opera 12.50.

See also

  • Related to CSS Animations, CSS Transitions can trigger animations on user actions.