Move your button up by a few pixels on hover

There is a simple way to create a feeling of dimension in your UI design. You can move your button up by one or two pixels on hover by using this code:


.button:hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

You can also add a little shadow, highlight the color, and ease the transition. It’ll create a very interesting and natural effect:

Don't Miss Future Design Tips

Join 20k+ people who love good design. Get my best tips, resources, and strategies to elevate your design skills and grow your business.