animation

React – animate mount and unmount of a single component

by

This is a bit lengthy but I’ve used all the native events and methods to achieve this animation. No ReactCSSTransitionGroup, ReactTransitionGroup and etc. Things I’ve used React lifecycle methods onTransitionEnd event How this works Mount the element based on the mount prop passed(mounted) and with default style(opacity: 0) After mount or update, use componentDidMount (componentWillReceiveProps … Read more

How to have multiple CSS transitions on an element?

by

Transition properties are comma delimited in all browsers that support transitions: .nav a { transition: color .2s, text-shadow .2s; } ease is the default timing function, so you don’t have to specify it. If you really want linear, you will need to specify it: transition: color .2s linear, text-shadow .2s linear; This starts to get … Read more