css特效

来源:互联网 发布:swiper.js 内容滚动 编辑:程序博客网 时间:2024/05/25 12:21

1、阴影:


.shadow { box-shadow: 5px 5px 5px #666;  -moz-box-shadow: 5px 5px 5px #666;  -webkit-box-shadow: 5px 5px 5px #666; }

2、圆形边框:


.circleBorder {    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}

3、不透明度:


.transparent {/*不透明度70%*/    opacity: 0.7;/* Modern Browsers */    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/* IE 8 */    filter: alpha(opacity=70);/* IE 5-7 */    -moz-opacity: 0.7;/* Netscape */    -khtml-opacity: 0.7;/* Safari 1 */}


备注:

    测试环境:Google Chrome 12.0.724.122

原创粉丝点击