Tag Archives: Joshua Johnson

CSS3 – 3D pressed button

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

CSS3 – Background shift 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.
bkg-1
Continue reading CSS3 – Background shift button