CSS3

Css 基本书写• 书写规范 – [ 内核 ]-[ 属性 ]

transform:rotate(30deg);-ms-transform:rotate(30deg); /* IE 9 */-moz-transform:rotate(30deg); /* Firefox */-webkit-transform:rotate(30deg); /* Safari and Chrome */-o-transform:rotate(30deg); /* Opera */

Css3 常用参数• 动画

• -webkit-transition:2s;• -moz-transition:2s;• -o-transition:2s;• transition:2s;

Css3 常用参数• 变形

• -moz-transform:rotate(-360deg);• -webkit-transform:rotate(-360deg);• -o-transform:rotate(-360deg);• transform:rotate(-360deg);

Css3 常用参数• 变形坐标

• -moz-transform-origin:0% 0%;• -webkit-transform-origin:0% 0%;• -o-transform-origin:0% 0%;• transform-origin (0px,0px)

Css3 常用参数• 圆角

• -moz-border-radius:10em;• -webkit-border-radius:10em;• border-radius:10em;

Css3 常用参数• 块倒影

• -moz-box-shadow:0px 2px 5px #333333;• -webkit-box-shadow:0px 2px 5px #333333;• box-shadow:0px 2px 5px #333333;

Css3 常用参数• 文本倒影

• text-shadow:2px 2px 5px #333333;

Css3 常用参数• 变形放大

• -moz-transform:scale(1.2);• -webkit-transform:scale(1.2);• -o-transform:scale(1.2);• transform:scale(1.2);

参考网址• http://www.w3schools.com/css3/default.asp

• http://www.css88.com/tool/css3Preview/Transform.html

THX