From the course: CSS: Animation

Unlock the full course today

Join today to access over 24,400 courses taught by industry experts.

Solution: Adding a transition

Solution: Adding a transition - CSS Tutorial

From the course: CSS: Animation

Solution: Adding a transition

(upbeat music begins) - [Narrator] For my solution, I added an additional transition to the border radius property, so my hover now looks like this. To show you what I did, I'll go back to my CSS file. And what I did was add a border radius of 20 pixels to the button's hover styles. And then I added an additional property to the transition for border radius. I gave it a duration of 0.3 seconds, just like our background color, and the same easing of ease in like our background color, just to have a couple of things line up with the same timing and easing. And then the end result is what we saw here. And there we have a hover effect with one more transitioning property, and some practice with CSS transitions.

Contents