Tag: css3

Vertical Slide Hover Effect for Menu Bars with CSS3

By Ayaz Malik | July 15, 2014

A hover effect is the transition that takes place when you move your pointer over a menu bar item. Such hover effects can be used anywhere but mostly they are used for navigation bars and other kinds of menus. There are ...

Perspective Shadow Effect using CSS3

By Ayaz Malik | November 17, 2013

Perspective shadow is a normal shadow but tilted in one direction. This defines the light source at an angular direction hence the effect gives a 3D kind of a look. What I did in this tutorial is I placed the shadow on t...

Create an Exploding Menu using Pure CSS3

By Ayaz Malik | November 16, 2013

This is a pretty cool menu effect. I mean it looks incredible yet it just might not be very useful. In here, the whole navigation bar explodes if you click a button. Such a thing can make a website memorable, but corpora...

Letter Cards Text Effect using CSS3

By Ayaz Malik | November 15, 2013

I remember when I was learning web design (that was a long time ago) my teacher told me that if you see anything colorful and graphical, it would be an image. He was right at that time, but today, after the boom of CSS3,...

Blur Effect on Navigation Bar – CSS3 Transition

By Ayaz Malik | November 12, 2013

There are many transitions in CSS3, I’ve shared a few of them before, and I’m sharing another one today. This is blur effect transition. You can use it anywhere, I tried it with the navigation bar and the result was ...

18 Useful CSS3 Gradient Generator Tools

By Tayyub | March 13, 2013

These are the best CSS3 gradient generator tools available on internet. All of them are free! Over 90% of the business websites in the world use gradients in their designs. Not just business websites, almost all websites...

Glowing Text Effect using Pure CSS3

By Ayaz Malik | November 17, 2012

Just like jQuery is troubling flash, CSS3 is troubling the use of images in website designing. And this little tutorial I’m sharing with you today, will prove this. This effect helps you to create a glow effect around ...

Copyrights © 2014 - Designzzz. All Rights Reserved