Shiny Semi-Transparent Colored Buttons
Shiny button set created by James Kyle. The whole button constists of two div's (one as the main button and another one to render the shine). They are made semi-transparent by using rgba values. Shine is created by just using the linear gradients and box-shadows with rgba values.
When the button is hovered, the shine is set to move to left with ease by using the CSS3 transition properties. When clicked, the opacity of the shine is set to 0 to make it look like it fades away. Pretty cool effect that is practical to use. Check the code below
- Toggle Switches
- Particles Clock
- Web presence widget
- Simple Animated Typewriter
- Designmodo Contact Form