1. Home
  2. CSS3 animation-name property

The best CSS3 animation-name property Tutorial In 2024, In this tutorial you can learn Examples,Browser Support,Tag definitions and instructions,grammar,related articles,

CSS3 animation-name property

Examples

Specify a name for @keyframes Anime ::

animation-name: mymove; - webkit -animation-name: mymove; / * Safari and Chrome * /

Browser Support

p> table indicate the first browser to support the version number of the property.

Immediately following the digital -webkit-, -ms- or -moz- ago in support of the prefix attribute first browser version number.

属性
animation-name 43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-

Tag definitions and instructions

animation-name attribute specifies the name of @keyframes animation.

Defaults: none
inherit: no
version: CSS3
JavaScript syntax: object object.style.animationName = "mymove"

grammar

animation-name:keyframename|none;

value Explanation
keyframename Specifies the name to be bound to select the key frames
none There is no specified animation (can be used to cover from a cascade of animation)

related articles

Tutorial CSS3: CSS3 Animation

Hot Tools

Other Tools

Online Tutorial

Website Navigation

CSS3 animation-name property
10/30