This tutorial will show you how to build creative hover animations for buttons using sprites. The particular effect illustrated in this tutorial is inspired by the “Download” buttons on Tutorial9.net. Part 1 of this tutorial explains the design process in Photoshop. In Part 2 we will convert it to XHTML + CSS and as a bonus we will also use jQuery for a fading hover effect.
via Creative Button Animations with Sprites and JQuery (Part 1: Photoshop) | Tutorial9.
via Creative Button Animations with Sprites and JQuery (Part 2: Photoshop) | Tutorial9.
Posted on February 16th, 2010 at 12:22 pm by admin
0