Skip to content

Latest commit

 

History

History
24 lines (19 loc) · 825 Bytes

css-animation.md

File metadata and controls

24 lines (19 loc) · 825 Bytes
title category
CSS animations
CSS
animation: bounce 300ms    linear          100ms infinite alternate-reverse;
        /* ^      ^        ^               ^     ^        ^
           name   duration timing-function delay count    direction */

# Example:
animation: bounce 300ms linear 0s infinite normal;
animation: bounce 300ms linear infinite;
animation: bounce 300ms linear infinite alternate-reverse;

animation-name: bounce;
animation-delay: 100ms;
animation-duration: 300ms;
animation-direction: normal | reverse | alternate | alternate-reverse;
animation-iteration-count: infinite | <number>;
animation-timing-function: ease | linear | ease-in | ease-out | ease-in-out;

Event

.one('webkitAnimationEnd oanimationend msAnimationEnd animationend')