15+ Mind-Blowing CSS Animation Examples (Free Code + Demos)

{tocify} $title { Daftar Isi }

1. Animasi CSS Dengan SVG

• Author: Joyanna (joyanna)
• Dibuat pada: 8 Mei 2020
• Dibuat dengan: HTML, SCSS

2. Hanya Animasi CSS #01

• Author: Hisami Kurita (hisamikurita)
• Dibuat pada: 22 September 2019
• Dibuat dengan: HTML, CSS

3. Hanya Animasi CSS #02

• Author: Hisami Kurita (hisamikurita)
• Dibuat pada: 7 September 2019
• Dibuat dengan: HTML, CSS

4. Murni CSS

• Author: Julia Miocene (miocene)
• Dibuat pada: 17 April 2020
• Dibuat dengan: HTML, PostCSS, Js

5. Close The Blinds

• Author: Chance Squires (chancesq)
• Dibuat pada: 13 Mei 2020
• Dibuat dengan: HTML, PostCSS, Js

6. Rock'N'Roll Half-Marathon Animation

• Author: Kyle (Kisle)
• Dibuat pada: 29 Maret 2020
• Dibuat dengan: HTML, PostCSS, Js

7. Sausage Dog CSS Only Animation

• Author: Stívali Serna (stivaliserna)
• Dibuat pada: 12 Aoril 2020
• Dibuat dengan: HTML, CSS

8. Lentera Malam

• Author: Braydon Coyer (braydoncoyer)
• Dibuat pada: 5 Maret 2020
• Dibuat dengan: Pug, SCSS, Typescript

9. Letter CSS Animation

• Author: Braydon Coyer (braydoncoyer)
• Dibuat pada: 5 Maret 2020
• Dibuat dengan: Pug, SCSS, Typescript

10. SVG Animation | Using PathLength=1 With Stroke-dashoffset Tutorial

• Author: @keyframers (keyframers)
• Dibuat pada: 6 Januari 2020
• Dibuat dengan: HTML, SCSS, Js

11. The Three-Body Problem

• Author: Vian Esterhuizen (heyvian)
• Dibuat pada: 6 Januari 2020
• Dibuat dengan: HTML, SCSS, Js

12. Only CSS #D Cube

• Author: Hisami Kurita (hisamikurita)
• Dibuat pada: 20 Desember 2019
• Dibuat dengan: HTML, SCSS

13. CSS Block Revealing Effect

• Author: Abubaker Saeed (AbubakerSaeed)
• Dibuat pada: 20 Desember 2019
• Dibuat dengan: HTML, SCSS

14. Only CSS: Motion Blur

• Author: Yusuke Nakaya (YusukeNakaya)
• Dibuat pada: 20 Desember 2019
• Dibuat dengan: HTML, SCSS

15. CSS Typewriter

• Author: Aaron Iker (aaroniker)
• Dibuat pada: 20 Desember 2019
• Dibuat dengan: HTML, SCSS