CSS3 is the next version and most popular design technology among web designers and developers nowadays. CSS( Cascading Style Sheet)- this technology provides a way to change color, fonts, size,background, border, etc of website design.

This is the language used to present a document or application such as color, layout, fonts, etc written in Markup languages like HTML, XHTML, XML. And CSS3 contains new and advanced features in design by which designer can make their web applications’s layout more attractive and effective. Only few line of code can help to make your project more impressive and beautiful.

CSS or cascading style sheets is basically a style sheet language that is used to describe presentation semantics and also the looks and formatting of a document that is originally written in a mark-up language. Today we cover some CSS3 effects to enhance your web designs, this list have text effects, image hover effects, image effects, menu transform effects and lightbox.

Here we have listed some awesome and cool CSS3 Effects 2012, have a look at them and please share your thoughts in our comments section below.

The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS3 transitions. On hover over a thumbnail, we will reveal some description of the thumbnail, using a different style in each example.

The plugin called jSlickmenu, creates, well, slick menus with jQuery. Combined with some great CSS3 features likes rotation and shadows, this plugin can really lift up your design. It’s fairly easy to use, highly customizable and pretty cool (and fun!) to see.

CSS3 Effects can be very useful. What could previously only be accomplished by creating images can now be done with a few simple lines of CSS code. An introduction to these effects can be found in this article.

So you can learn “how to create a neat lightbox effect using only CSS” with this article. its awesome and beautiful Lightbox Effect with using CSS3. So the effect is to have some thumbnails that are clickable, and once clicked, the respective small and large image is shown.