animation
animation is a CSS property in the Animation category. Controls animation and transition timing and behavior. The syntax is animation: <name> <duration> <timing-function> <delay> <iteration-count> <direction> <fill-mode> <play-state>. A typical example: animation: slideIn 0.3s ease-out; It is commonly applied to markup such as <div class="demo">Sample</div> Browser support: Chrome 4+, Firefox 5+, Safari 3.1+, Edge 12+. A close relative is animation-name, which controls animation and transition timing and behavior. A close relative is animation-duration, which controls animation and transition timing and behavior. A close relative is animation-timing-function, which controls animation and transition timing and behavior. More about this category: CSS animation properties for transitions, keyframes, and motion. Related Animation entries: animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, transition. This page is part of the free CSS Reference documentation covering 841+ properties, selectors, functions, and at-rules, each with syntax, values, examples, and browser support.