DEV Community

Cover image for Making Web Animations

Making Web Animations

Kyle Parisi on October 17, 2018

There's most likely an App for that. Nope. There are a ton of prototyping tools and most of them tie closely with design tools. I'm a d...
Collapse
 
niorad profile image
Antonio Radovcic

Also if you ever run into the problem that appearing elements are nicely animated, but disappearing nodes just vanish, and you don't want to add JS, you can handle the toggle with a checkbox and apply the animations to 'input:checked + div'. This way I could do the lids on devlids.com. The JS-way would be to add the disappear-animation-class and defer removing the dom-node with a timeout.

Collapse
 
jdnichollsc profile image
J.D Nicholls

Hi Kyle, what do you think about this animation? codepen.io/jdnichollsc/pen/mdervLB
It would be awesome if you can give me some feedback to improve the styles of this animatable component, check here: github.com/proyecto26/animatable-c...

Thanks in advance!

Collapse
 
kyleparisi profile image
Kyle Parisi

Hi! Seems good to me. Looked through the code and seems logical! Great work!

Collapse
 
jdnichollsc profile image
J.D Nicholls

Any pull requests are really welcome, thanks for taking time to review it! 😊