ASHISH PAYGUDE

Website & Web Application Developer.

Blog

view:  full / summary

CSS3 Effects.......

Posted by ashish paygude on July 18, 2013 at 12:20 PM Comments comments (0)
HI GUYS !:)!
lets see 
basic information about css3

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 ModulesCSS3 is split up into "modules". The old specification has been
 split into smaller pieces, and new ones are also added.
Some of the most important CSS3 modules are:
  • Selectors
  • Box Model
  • Backgrounds and Borders
  • Text Effects
  • 2D/3D Transformations
  • Animations
  • Multiple Column Layout
  • User Interface

Lets starts with Example :2D/3D Transformations
<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:100px;
height:75px;
background-color:purple;
color:white;
border:1px solid White;
}
div#div2
{
transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
}
</style>
</head>
<body>
<div>Hello. This is a DIV element.</div>
<div id="div2">Hello. This is a DIV element.</div>
</body>
</html>


Rss_feed