CSS is used to control the style and layout of Web pages. CSS3 is the latest standard for CSS. CSS3 is completely backwards compatible, so you will not have to change existing designs. Browsers will always support CSS2. CSS3 is really powerful and capable of creating standalone effects and features without the need for any external plug-ins such as Flash Player. Though CSS wasn’t as developed as this previously, now it has a lot of potential if you know how to use it properly.This post includes : CSS , jQuery effects, menu,sliders,graphs with css/jquery , Accordion, 3D Bar Charts,Buttons and much more… There are many tutorials around on how to achieve certain effects or techniques using CSS3 but what makes a tutorial good is the simplicity for readers to easily understand and apply what is being taught.
- simple-rotate-scale
- advanced-rotate-scale
- simple-color-fade
- simple-slide
- simple-slide-practical
- sliding-doors
- gradients
- reflections
- masks
Splash and Coming Soon Page Effects
CSS3 Generator :
This will enable you to design your html element easily with specific css. Just select element that you want from given drop-down list and get code for the same. You can customize by filling up additional options.
Note :
Below IE9,It might be possible that CSS3 may not work properly. As solution to this you should use PIE.HTC. Refer : http://css3pie.com/ . I am also planning to put introductory tutorial – How to use PIE.HTC.




![How to Create a CSS3 Dropdown Menu [Tutorial] - DesignModo](http://www.webgeekshub.com/wp-content/uploads/2012/10/How-to-Create-a-CSS3-Dropdown-Menu-Tutorial-DesignModo.png)














![How to Create Accordion Menu in Pure CSS3 [Tutorial] - DesignModo](http://www.webgeekshub.com/wp-content/uploads/2012/10/How-to-Create-Accordion-Menu-in-Pure-CSS3-Tutorial-DesignModo.png)

![How to Create a Content Accordion in Pure CSS3 [Tutorial] - DesignModo](http://www.webgeekshub.com/wp-content/uploads/2012/10/How-to-Create-a-Content-Accordion-in-Pure-CSS3-Tutorial-DesignModo.png)


![How to Create a Stylish Image Content Slider in Pure CSS3 [Tutorial] - DesignModo](http://www.webgeekshub.com/wp-content/uploads/2012/10/How-to-Create-a-Stylish-Image-Content-Slider-in-Pure-CSS3-Tutorial-DesignModo.png)




















![How to Create CSS3 Buttons [Tutorial] - DesignModo](http://www.webgeekshub.com/wp-content/uploads/2012/10/How-to-Create-CSS3-Buttons-Tutorial-DesignModo.png)






























Nice one….Thank you.