The last example is a pressed button effect. This time we don’t need the transition attribute. Instead, we need to make changes on the CSS attributes such as text-shadow and the background-image gradient on mouse hover. For more information, please refer to the original post by Joshua Johnson.
Joshua Johnson – Four Simple and Fun CSS Button Hover Effects for Beginners

Here comes the complete source code. Continue reading CSS3 – 3D pressed button →

The 3rd example by is a background shift effect. This effect manipulate the background-position attribute.
Again, thanks Joshua Johnson for his great examples.
Joshua Johnson – Four Simple and Fun CSS Button Hover Effects for Beginners

You can use the following image bkg-1.jpg as the button background.

Continue reading CSS3 – Background shift button →

Let’s continue the tutorial written by Joshua Johnson.
Joshua Johnson – Four Simple and Fun CSS Button Hover Effects for Beginners

The 2nd example is a button which has color shift when mouse hover. Continue reading CSS3 – Color shift button →

We could implement some fancy effects by CSS3. There is a very good tutorial written by Joshua Johnson about some mouse hover effects in CSS3.
Joshua Johnson – Four Simple and Fun CSS Button Hover Effects for Beginners

The following example is a growing button which will elongate in width when mouse hover. Continue reading CSS3 – Elongate a button on mouse hover →