CSS3 has introduced countless possibilities for UX designers, and the best thing about them is that the coolest parts are really simple to implement. Just a couple of lines of code will give you an awesome transition effect that will excite your users, increase engagement and ultimately when used well, increase your conversions. What’s more, these effects are hardware accelerated, and a progressive enhancement that you can use right now.
Here are 4 really simple effects that will add life to your UI and smiles to your users’ faces. All of these effects (shadows) are controlled with the transition property. So we can see these effects working, we’ll set up a div in an HTML page