css3

1.透明度；

filter:alpha(opacity=50)//滤镜（支持ie8及更早的版本），取值为（0-100）%，如果值越大，透明度越低；opacity:0.5;

2.设置圆角边框---（ie9）-webkit-/-moz-border-radius：5px;//5%;border-top-left-radius:150px;//上左边的圆角；-webkit-border-radius：5%；-moz-border-radius：5%；

3.盒阴影-webkit-;-moz-;-o-;书写格式：box-shadow:水平偏移量 垂直偏移量 模糊距离 阴影尺寸 颜色 inset/outset;京东右边的固定条的代码：.fixed box{   position:fixed;   top:0;   bottom:0;   right:0;   width:100px;   background:blue;   box-shadow:0px 0px 10px 10px ;   -moz-box-shadow:0px 0px 10px 10px ;   -webkit-box-shadow:0px 0px 10px 10px;   -o-box-shadow:0px 0px 10px 10px;}

4.2d转换--ie9-webkit--moz--o--ms-；要用transform的效果，作用对象的css设置  transition:all 3s linear;然后在hover里面设置转换的属性；transform:       translate(x,y) 沿着x和y轴移动，在初始位置上的左上角开始偏移；       translatex（n）/translatey（n）； scale(width,height)改变元素的宽度和高度； scale(n)宽度和高度都是以n的倍数进行放大或缩小； rotate（deg）规定元素旋转多少度，以顺时针的方向旋转； skew（x-deg，y-deg）沿着x和y轴倾斜；

.div{ width:200px; height:200px; background：red; transition:all 3s linear;}.div:hover{ transform:scale（.5）//往里面缩小0.5倍； transform:rotate(30deg);//旋转30度； transform:translate(20px,10px)；  transform: skew(30deg, 30deg);沿着x轴和y轴倾斜；}