An assortment of painstakingly chosen free CSS livelinesss, including code tests.
1. Water drop loader CSS animation
![Water drop loader CSS animation Water drop loader CSS animation](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8j93W2ZggHX4oBENY5enh13FFBC8_pEo3zi44kAdgeyBAs4uZ3O7WDNGAVLU7YOfy4IUBqA59DAt-3EwvjNZ3hX8lQfk9rM3eEKYxexTpDy2E5VfBtT1kRtQydipUIMXHu_M8lnvEX4tu/w640-h270/Animation10.gif)
Water drop loader CSS animation |
![Never-ending box Never-ending box](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidn2v8aTg3fJmQWHN9LScEy074GnOGfC5M3vXR6KCbAwetl2o3ttuccpbauKhKN4vvJ1J9lx2OmBDgMX6U6pZFaMGlObESZ-T9eE6ZTVUirGqVkgz0wfa8WYLVZdcUjEu3HdLhmm7XQItO/w640-h270/Animation9.gif)
Never-ending box
3. [CSS Animation] PCPP Loading Boxes
![[CSS Animation] PCPP Loading Boxes [CSS Animation] PCPP Loading Boxes](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4n5NtXQZmsE9mAg6vH648gJE_P9LSiwB61Q-P0OzdiF7lpuDJmjVIdETJrQHB3bne0GYrJgzUbJ8qrGEM8Rf_7pn5s_cV0YA98OpHuvub9VSgrf22ax_x9HviG2xGsexhmaN6ISMucB2H/w640-h270/Animation8.gif)
[CSS Animation] PCPP Loading Boxes
4. Wave (CSS animation)
![Wave (CSS animation) Wave (CSS animation)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoKYb3XCCofQWu-TbVu-CzygrstzzidvwoKdciTiqaXKuHYvFloJADSToarp68nZR216I-gavdnHLskXxJhp_19PzKDrQbClHcbN-YP0YKNs2Z1adI4Y5K3KAXBBVcIMDfMwQVqc9vv1Ek/w640-h270/Animation7.gif)
Wave (CSS animation)
5. Google Voice Animation
![Google Voice Animation Google Voice Animation](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsiprgDC0qQLarEKsWxG99t7YKnF3RCrhI6BpB8nk3_rSc-Pl0MTbf_2W9irq58uFaH7zPLLe1m1ZlzcG2l_DTDAG_oJFd4DTE2-egC7xOaIDFzxT9o8gPh3k07VIrZxWei7-MaqNMKbQB/w640-h270/Animation6.gif)
Google Voice Animation
6. Gif animation + CSS animation + Blend modes
![Gif animation + CSS animation + Blend modes Gif animation + CSS animation + Blend modes](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpQkGkCoSJtGfP50_zUlh-jazmJHbqCbZ-kP4_ggRgfxNEI-u648BgzwRMFp5sFuIRUK-vWNca55QyNe2jDOtIpYdV98V0HLBmNtii-7s_oUZIIwFIl3WyNe7MijDW44ZW2QA3Ellb60uT/w640-h270/Animation5.gif)
Gif animation + CSS animation + Blend modes
7. Pure CSS 3D Sphere
![Pure CSS 3D Sphere Pure CSS 3D Sphere](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8cZUeDU5Gla9BpGq5-xGleM6_65r_bzGLKQi7e76d98KP3idThgUXkhQyg5OuZjR9xsP7oeYO53FLQgm5489b1lGs1zAnRrkJpxN2bV6sRs4o9Lfh859O50PuId0dueb6nAKb3LPX_dRH/w640-h278/Animation3.gif)
Pure CSS 3D Sphere
8. Project Deadline - SVG animation with CSS3
Project Deadline - SVG animation with CSS3
![Project Deadline - SVG animation with CSS3 Project Deadline - SVG animation with CSS3](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX2QdVTLYzyRTcu7MITSS5mDwS7R7UFUjM2Ip97Y8SEJ5kEjjActBto6VvczsdpZ58iOOJBJqmmuKH-QghAKdBQdPjdqS574V4lKbHq18Ab6aNvNZ15Wl_QeGUAML_jbp1XJFf9mSPlZxF/w640-h292/Animation2.gif)
9. CSS Animation Material Design
![CSS Animation Material Design CSS Animation Material Design](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqvlSEuKxlj3P2y8Yv8BZ2FJSJnMlvwsvEBsHmgX_iSiQO4-Jmbt9-fnnnoLvRixcUDb0Qfj2DeZYkJxHuHxMsHGNVJdzhXQbMg7mCDMhJv0RzzyZzt_b8wMiLx-P_RBoN0to9dtf_hgII/w640-h292/Animation1.gif)
CSS Animation Material Design
10. See Saw Ball Animation (CSS Only)
![See Saw Ball Animation (CSS Only) See Saw Ball Animation (CSS Only)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTMXKy0DZLmqe9joBsQpnqsurGWW6IN5X2oP37tNqNImnRAqJd6rW7IYUJ9_pQ_D1qmRY9WPTzeSiOe2npn-P3TBWzvYejGK8P09HEuE2y1lkqTd21l0IxVAncmbu8RmwJ4M0bo6nDXf50/w640-h270/Animation4.gif)
See Saw Ball Animation (CSS Only)