Introduction to CSS3
CSS3 is the great evolution of CSS. New things like rounded corners, shadows, gradients , transitions or animations etc. It has everything that is in CSS2. It is the third level of progress in CSS specifications.
For rounded corners, shadows and gradient color earlier web designers have to use many tricks such as applying properties to image in graphic designing tools such as Photoshop. CSS3 has resolved many such problems and time wastage.
In some bowers CSS3 is not supported yet so that that we have to use prefix for certain CSS3 properties.
Vendor prefix are :
- -moz- Mozilla Firefox
- -o- Opera
- -webkit- Google Chrome and Safari
These properties can be used like -moz-transition: scale(2,3); inside a class(.) or an id(#)
The method using CSS and the method of including CSS external file is same as before, there is no change in that.
CSS3 animations have replace that use of Flash and another plus point is that CSS3 is very light as compare to using image or flash for the same purpose.
Animation : With the help of @keyframe you can apply animation to an object.
Want to know about previous version of CSS, you can view introduction to CSS
