Css-animation-examples

contains css animation examples for practice purposes

View project on GitHub

Dot on Map

Map notification shows with css animation.

View Example

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.

View Example

Responsive Device

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

View Example

Smooth Pulse

Smooth pulse effect by SASS.

View Example