Identifies one or more animation names. An animation name selects a Cascading Style Sheets (CSS) @keyframes at-rule.
This property is read/write.
  |
Syntax
animation-name: [ none | identifier | -ms-bar | -ms-ring ] [ , [ none | identifier | -ms-bar | -ms-ring ] ] *
Property values
One or more of the following values, separated by commas.
none-
Initial value. No animation is applied.
- identifier
-
The name of the @keyframes at-rule.
-ms-bar-
Windows Store app using JavaScript only. Changes the appearance of the indeterminate progress control to a bar.
-ms-ring-
Windows Store app using JavaScript only. Changes the appearance of the indeterminate progress control to a ring.
CSS information
| Applies To | block-level and inline-level elements |
|---|---|
| Media | visual |
| Inherited | no |
| Initial Value | none |
Standards information
- CSS Animations Module Level 3, Section 3.2
Remarks
Do not use the Microsoft vendor prefix ("-ms-") before the CSS animations properties. They are supported unprefixed in Internet Explorer 10 and later.
To learn more about CSS animations, see How to bring your webpage to life with CSS transforms, transitions, and animations.
See also
- CSSStyleDeclaration
- currentStyle
- style
- a
- abbr
- acronym
- b
- bdo
- big
- br
- cite
- code
- dfn
- em
- i
- img
- input
- kbd
- label
- q
- samp
- select
- small
- span
- strong
- sub
- sup
- textArea
- tt
- var
- address
- blockQuote
- div
- dl
- fieldSet
- form
- noFrames
- noScript
- ol
- p
- pre
- table
- ul
- dd
- dt
- li
- tBody
- td
- tFoot
- th
- tHead
- tr
- button
- del
- ins
- map
- object
- script
- How to bring your webpage to life with CSS transforms, transitions, and animations
- Internet Explorer 10 Guide for Developers: CSS Animations
- ::-ms-fill
- @keyframes
Send comments about this topic to Microsoft
Build date: 11/29/2012
