Css-animation-examples

Dot on Map

Map notification shows with css animation.

Google Doodle

Inspired by Google's JavaScript-powered Doodle marking Eadweard J Muybridge's 182nd birthday, this is a pure CSS alternative using transitions against a background-image sprite. As a result, the CSS3 animation behaves almost exactly as the JavaScript original.

Responsive Device

Watch the laptop turn into mobile when resized. Animated responsive devices: Thunderbolt > MacBook Pro > iPad > iPhone. Enjoy!

Smooth Pulse

Smooth pulse effect by SASS.