DEV Community

Pirates and CSS animations

Sid on March 12, 2019

I wrote this post for my newsletter, sign up here to get emails like these every week. Hi! For my course on React Hooks, I have to make a bunch...
Collapse
 
brandonmcconnell profile image
Brandon McConnell • Edited

Great introductory lesson to CSS animations! Normally I'd throw all of these animation steps into one unified animation per element, but it reads really well and it's much more user friendly the way you did it.

Here's a CSS animation I made recently which creates the effect of auto-typing text using only CSS (SCSS). Still buttoning up a few quirks, but it works for the most part. Similar to the typed.js effect.

cdpn.io/e/pGKaRK

*does not work in Safari or mobile browsers (at least for iPhone)

Collapse
 
siddharthkp profile image
Sid

Whaaaaaat, this is amazing Brandon!

Collapse
 
torpne profile image
Kevin McKenna

Fantastic article. Definitely something I'll play with when I have some free time

Collapse
 
rhymes profile image
rhymes

Wow, that's impressive! Thank you Sid!

Collapse
 
praneetnadkar profile image
Praneet Nadkar

Brilliant! You made it look easy!

Collapse
 
francocorreasosa profile image
Franco Correa

CSS Animations can be mindblowing powerful! amazing article, as always 👏 👏

Collapse
 
siddharthkp profile image
Sid

Fraaaanco! hi

Collapse
 
thomas_ph35 profile image
Thomas Philippot

css animation are so underrated !