1.给DIV加上边框阴影

div{box-shadow:0 0 1px #000 inset;} 

代表边框间距靠左0 靠上0 和1px阴影范围 阴影颜色为黑色（#000），

有inset 代表框内阴影 ，不带inset 代表框外阴影。

注意：

box-shadow:0px 0px 1px #000

第1个值为0时，代表左右边框阴影 为1px范围

第1个值为正整数 代表 左边框阴影

第1个值为负整数 代表 右边框阴影

同理

第2个值为0 代表上下边框阴影

第2个值为正整数 代表1px阴影距离上边框多少

第1个值为负整数 代表下边框阴影设置

在style里面加入,四个角度都要带上

2.实现DIV背景透明

只需要在需要透明的div上加上下面的style：

style="filter:alpha(Opacity=80);-moz-opacity:0.7;opacity: 0.7"

3.实现DIV旋转角度

只需要在需要透明的div上加上下面的style：

那么在CSS3中, transform是什么？

transform的含义是：改变，使…变形；转换

CSS3 transform都有哪些常用属性？

transform的属性包括：rotate() / skew() / scale() / translate(,) ，

分别还有x、y之分，比如：rotatex() 和 rotatey() ，以此类推。

下面我们来分解各个属性的用法：

transform:rotate(10deg);

注意：10deg就相当于10°（度）

transform:rotate()：

含义：旋转；其中“deg”是“度”的意思，如“10deg”表示“10度”下同。

.demo_transform1{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg)}

transform:skew()：

含义：倾斜；

.demo_transform2{-webkit-transform:skew(20deg);-moz-transform:skew(20deg)}

transform:scale()：

含义：比例；“1.5”表示以1.5的比例放大，如果要放大2倍，须写成“2.0”，缩小则为负“-”。


如需转载，请注明文章出处和来源网址：http://johnbin.cn