常用css

来源：互联网发布：程序员盗600万编辑：程序博客网时间：2024/05/02 00:06

filter:alpha(opacity=50); /*IE滤镜，透明度50%*/

-moz-opacity:0.5; /*Firefox私有，透明度50%*/

opacity:0.5;/*其他，透明度50%*/

/*css阴影*/

-webkit-box-shadow: #666 0px 0px 10px;

-moz-box-shadow: #666 0px 0px 10px;

box-shadow: #666 0px 0px 10px;

/*css 圆角*/

border-radius:20px;

/*css 翻转*/

CSS代码，高级浏览器使用transform，ie用滤镜实现。

 1 /*水平翻转*/ 2 .flipx { 3     -moz-transform:scaleX(-1); 4     -webkit-transform:scaleX(-1); 5     -o-transform:scaleX(-1); 6     transform:scaleX(-1); 7     filter:FlipH(); 8 } 9 /*垂直翻转*/10 .flipy {11     -moz-transform:scaleY(-1);12     -webkit-transform:scaleY(-1);13     -o-transform:scaleY(-1);14     transform:scaleY(-1);15     filter:FlipV();16 }17 /*顺时针旋转90度*/18 .rotate90 {19    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);20    -moz-transform: rotate(90deg);21    -o-transform: rotate(90deg);22    -webkit-transform: rotate(90deg);23    transform: rotate(90deg);24 }25 /*顺时针旋转180度*/26 .rotate180 {27    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);28    -moz-transform: rotate(180deg);29    -o-transform: rotate(180deg);30    -webkit-transform: rotate(180deg);31    transform: rotate(180deg);32 }33 /*顺时针旋转270度*/34 .rotate270 {35    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);36    -moz-transform: rotate(270deg);37    -o-transform: rotate(270deg);38    -webkit-transform: rotate(270deg);39    transform: rotate(270deg);40 }

0 0