Animation cheat sheet
Appear animations
Press F5 to watch the animation again.
Fade-in
Fade-in from bottom
Fade-in from top
Fade-in from left
Fade-in from right
Bounce-in
Permanent animations
Float
Pulse
Animations delays
0ms
100ms
200ms
300ms
400ms
500ms
600ms
700ms
800ms
Frog animations demo
Delayed appearance can make your page look neat !
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque consequat nisl mauris, ac elementum sem blandit eget. Aliquam quis urna nec leo gravida elementum eu a risus. Phasellus quis nunc sed lacus pulvinar condimentum non vel nulla. Nullam vel tortor at lacus porta ultrices. Donec congue maximus tellus eu fermentum. Duis ullamcorper, nibh et iaculis commodo, orci nisl faucibus erat, ac pharetra metus nibh sit amet diam. Vivamus eu venenatis leo. Donec convallis erat ac faucibus accumsan. Aliquam viverra mauris sapien, in laoreet mauris elementum malesuada. Vivamus et vehicula libero. Mauris id sem eu tellus pretium porta id quis libero. Phasellus hendrerit egestas sem, sed convallis eros vehicula quis. Vestibulum ac dui mauris. Phasellus eu fringilla lorem, ac porttitor sem.
Phasellus sed metus tortor. Duis pellentesque eu ipsum et iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque facilisis hendrerit mi. Vestibulum mattis in sapien commodo tincidunt. Nam feugiat lectus eget quam sodales sodales sit amet quis quam. Nullam elementum elit orci, ut blandit magna dictum a. Praesent ex tortor, posuere vel cursus ornare, tincidunt sit amet dui. Pellentesque vel mattis magna, quis sollicitudin orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Mauris non imperdiet sem. Quisque eget faucibus neque. Aliquam facilisis, arcu nec pulvinar hendrerit, mi diam ornare nisl, vel aliquam turpis augue a sapien. Nullam varius imperdiet ex, tincidunt facilisis quam pretium id.