CSS3 Features:
There are several new functionalities have been provided
through CSS3. Functions such like opacity, Text-overflow, media queries and box
shadows are some of the much attractive introductions.
1- With CSS3 you’ll be able
to add not one, not four, but eight background images to a single element.
2- CSS3 is also addingborder-radius that may eliminate the need for images to create rounded corners in most cases.
Example: <div style=" background-color: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; padding: 10px;" >
3- in CSS3 you Can Set Border-image Property. Border-image, allows an image to be used as the border of an element.
4- you can set text-shadow in CSS3 by using text-shadow: 2px 2px 2px #000; property.
5- in CSS3 you can set Transparency & Opacity of a element.
example: <img src="opacity.png" style="margin: 10px; opacity:0.25; width:179px; height:76px;"/>
6- The word-wrap property added to CSS3 and it is really essential.
example : <p style="word-wrap: break-word;...
7- in CSS3 you can Rotate any element by using transform property.
example: div{ transform :rotate(30deg); }
8- The float property specifies whether an element should float to the left, right, or not at all.
9- The clear property specifies what should happen with the element that is next to a floating element.
0 comments:
Post a Comment