Animation Keep End State
-webkit-animation: bubble 1.0s forwards; /* for less modern browsers */
animation: bubble 1.0s forwards;
Lazy Leopard
-webkit-animation: bubble 1.0s forwards; /* for less modern browsers */
animation: bubble 1.0s forwards;//Animation can be played or paused with the below css property.
.class / tag / #id {
animation-play-state: 'paused' / 'running';
}animation: bubble 2s linear 0.5s 1 normal forwards;
This gives:
bubble animation name
2s duration
linear timing-function
0.5s delay
1 iteration-count (can be 'infinite')
normal direction
forwards fill-mode (set 'backwards' if you want to have compatibility to use the end position
as the final state[this is to support browsers that has animations turned off]
{and to answer only the title, and not your specific case})