Impressive CSS3 animated button
A download button using some fancy CSS3. Our button will use lots of fun goodies including border-radius
, box-shadow
, linear-gradients
, z-index
and transitions
to achieve a unique double sliding drawer effect on hover.
Here’s how it will work: using a combination of HTML and CSS, we’ll create three separate pieces. These include the main button and two smaller info panels. The smaller panels will initially hide under the larger button, then when the user hovers, one will slide upward and the other downward.
It is based on this tutorial.