DEV Community

Cover image for Learn CSS animation by creating pure CSS loaders

Learn CSS animation by creating pure CSS loaders

Andreas on November 26, 2019

You always wanted to learn the essentials of CSS animations? Me too! Let's do it together in 5 minutes by creating some pure CSS loading animations...
Collapse
 
ravavyr profile image
Ravavyr

Nicely done, really like the "glow" one. So simple, but so effective :)

Collapse
 
devmount profile image
Andreas

Thank you! That's what I love about CSS: You can create awesome effects with just a couple of rules!

Collapse
 
sanchezdav profile image
David Sanchez

Great article and animations!

Collapse
 
devmount profile image
Andreas

I'm glad you like it!

Collapse
 
mohammedasker profile image
Mohammed Asker

I was worried learning CSS animation will be pain in the neck and delay it as long as possible. But you make it surprisingly simple! So thanks, Andreas!

Collapse
 
devmount profile image
Andreas

I'm so glad that it's useful for you! 😊

Collapse
 
milosdukic profile image
Milos

Nice article!

Collapse
 
devmount profile image
Andreas • Edited

Thank you! 😊 I'm glad if it's helpful!

Collapse
 
conye9980 profile image
Conor Kelly

I like it, nice article

Collapse
 
devmount profile image
Andreas

Thank you! 😊

Collapse
 
usamaumar118 profile image
Usama Umar

Thank You...

Collapse
 
devmount profile image
Andreas • Edited

You're very welcome 😊

Collapse
 
yzf_valdez profile image
Frank

This is one of those things that you ~know~ you can do with css, but you made it look so simple! I'm going to make myself a set of these for fun and to copy-pasta in the future! Thanks!

Collapse
 
devmount profile image
Andreas

Awesome! Don't forget to share your creations with us :)

Collapse
 
dongyuhappy profile image
dongyu

really like

Collapse
 
devmount profile image
Andreas

Thanks!

Collapse
 
tejassrivastava profile image
Tejas Srivastava

Awesome 👍

Collapse
 
devmount profile image
Andreas

Thank you! 😊 Glad You like it!

Collapse
 
roramigator profile image
Morado

Great!

Collapse
 
devmount profile image
Andreas • Edited

Thanks! 😊

Collapse
 
albertqueiroz profile image
Albert Rayneer

Really Nice, it inspired me a lot. Thank you. Stay focused and good job <3

Collapse
 
devmount profile image
Andreas

Thank you for your kind words! So glad that this post is an inspiration for you! 👌🏻

Collapse
 
webdeasy profile image
webdeasy.de

Very cool! :)

Collapse
 
devmount profile image
Andreas

Many thanks! 😊

Collapse
 
lukaszsarzynski profile image
Łukasz Sarzyński

Beautiful examples !

Collapse
 
devmount profile image
Andreas

Many thanks! 😊

Collapse
 
honorthydoctor profile image
Diego Oliveira

Awesome article! It opened my mind to new possibilities I didn't realize before!

Collapse
 
devmount profile image
Andreas

That's great! So glad that it's helpful for you!

Collapse
 
natterstefan profile image
Stefan Natter 🇦🇹👨🏻‍💻

Thanks, Andreas. I'm just starting to invest more time animating elements and your tutorial was super helpful. Thanks!

Collapse
 
devmount profile image
Andreas

You're very welcome, that's great! 👏🏻
Let us know if you have something to show!

Collapse
 
ivannovic profile image
Ivan Arcos

Hello, again, Andreas! 👋🏻

I’m looking for some hover effects changing color in plain text with smooth transition, could you help me? 🙂

Collapse
 
devmount profile image
Andreas

Hi Ivan, sorry for the late response. What exactly are you trying to achieve? What have you tried so far?

Collapse
 
nlsanyu profile image
NLSanyu

Awesome!

Collapse
 
devmount profile image
Andreas

Thank you! 😊