Programming guides for beginner...
Any comments are welcomed....
I hope it helps!!! Thanks for drop by...
Powered By Blogger

Saturday, July 30, 2011

Some simple features of css3

I believe that there are many people whom designing their blog or website using CSS.

1) What is CSS
  • CSS stands for Cascading Style Sheets.

2) What does CSS use for?
  • CSS is use to design web page. Previously, the styling of html webpage is done internally with the html coding. With CSS, these styling coding can be done externally which save a lot of works and make html coding cleaner in view.

3) What is CSS3?
  • CSS3 is the latest standard for CSS. It has new interesting features which cannot be done in older standard of CSS.
Here is some examples of CSS3: (* CSS3 might not works with old version of internet browser. In order to view these features perfectly, get the latest internet browser. )

1)Text Transform
Text Transform 50 degree.


Coding:
{
transform:rotate(50deg);
-ms-transform:rotate(50deg); /*IE*/
-moz-transform:rotate(50deg); /*Firefox*/
-webkit-transform:rotate(50deg); /*Chrome and Safari*/
-o-transform:rotate(50deg); /*Opera*/
}



2)Rounded Corner

ROUND CORNER AT THE BRODER


Coding:
{
border:2px green solid;
border-radius:25px;
-moz-border-radius:25px;/*Firefox*/
}



3)Shadow

Shadow of the box


Coding:
{
box-shadow: 10px 10px 5px #888888;
-moz-box-shadow: 10px 10px 5px #888888; /*Firefox*/
-webkit-box-shadow: 10px 10px 5px #888888; /*Safari*/
}



Shadow of Text



Coding:
{
text-shadow: 10px 10px 3px #FF0000;
}


4) Box re-size


This box is re-sizable but the minimum size is fixed.


Coding:
{
resize: both;
}



With these few css3 features, I believe that it will make your webpage looks more nicer.
There are still a lot of new features in css3 which you can refer to here.



No comments:

Post a Comment