But if you have two states and you want to be able to easily animate back and forth between the two, a transition’s the best choice. They seem like a simpler alternative to the keyframes and animation approach, but they are useful in very different ways.įor example, a transition isn’t much use if you want an animation to play on load, or if you want it to loop infinitely. Transitions are a great way to smooth the changes from one state to another (and back again) in the browser. In this article we’ll learn how we can use transitions to bring our content to life, as well as plan and build our hover effects to perform smoothly and look great. A few simple transitions can make a huge difference.
