Pure CSS3 Button Press Animation

Web developers are using JavaScript to make press animation for buttons but there is no need to user JavaScript codes for doing this because CSS3 makes it possible without any JavaScript code. Using this css is so easy. We will show css3 animation button click with examples.




Download | Demo

Buttons is called by button class.
[html]<a class="button">A button</a>[/html]

You can change the colour of button with any colour class such as red, orange, blue, green, purple and pink.
[html]<a class="button red">Another button!</a>[/html]

You can add border property as well such as shield, criss-cross, one-corner, rectangular.
[html]<a href="" class="button orange criss-cross">Button</a>[/html]