| Share this post! | Vote this! |
|
This article show you some neat tricks that you can use when designing your next website. We will add some Photoshop like effects (shadow, bevel and emboss) and then animate the buttons without any help of javascript. I recommend that you download the source files first and check the live demo.
First we have to design our buttons. We will make some round borders and add some shadow effects. Create a document called index.html and insert the following code that will add the classes needed for the buttons:
<a href="#" class="animatedButton" onclick="return false;">
<span class="animatedButtonText">HOVER</span>
</a>
More...
0 comments:
Post a Comment