rotate 旋转的角度有4中单位:deg、grad、rad、turn,分别表示角度(degrees)、百分度(grads)、弧度(radians)、圈数(turns)。 百分度(grad):一个梯度,也可以说是一个百分度1/400个整圈,所以100gads等于90deg,它也可以支持负值,表示逆时...
box-shadow细节 x-offset: 5 * cos(180°- 90°) = 0px(5=Distance(ps上的距离),90°=Angle(ps上的角度)) y-offset: 5 * sin(180°- 90°) =0px(同理,注意是sin,不是cos) spread-radius: 0*83=0px(0=Spread(ps上的扩展),83=Size(ps上的大小)) blur-radius: 83-0=83px(83=Size(ps...
box-shaow: 距离(x-offset y-offset) 虚影(blur-radius) 扩展(spread-radius) 投影色( rgba); "角度(Angle)":投影的角度。 "距离(Distance)":阴影的距离。根据角度和距离可以换算出CSS3阴影中的x-offset和y-offet。 x-offset = Distance * cos(180 -Angle) , y-offset = Distance * sin(180 - Ang...
对应于CSS3阴影的颜色 rgba() 中的 a 值。 "角度(Angle)":投影的角度。 "距离(Distance)":阴影的距离。根据角度和距离可以换算出CSS3阴影中的x-offset和y-offet。 x-offset = Distance * cos(180 -Angle) , y-offset = Distance * sin(180 - Angle) "扩展(Spread)":阴影的扩展大小。控制阴影实体颜...
translate(x,y) 定义平移 translateX(x) / translateY(y) / translateZ(z) 定义在X / Y / Z轴上转换 scale(x,y) 定义缩放转换 rotate(45deg) 定义2D旋转, 规定角度 rotateX(angle) / rotateY(angle) / rotateZ(angle) 沿着X / Y / Z轴的3D旋转 ...
基本语法:filter:progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度(数值),Strength=阴影半径(数值)); 注意:该滤镜必须配合background属性一起使用,否则该滤镜失效。 IE下模拟css3中的box-shadow(阴影)代码: [css]view plain copy ...
基本语法:filter:progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度(数值),Strength=阴影半径(数值)); 注意:该滤镜必须配合background属性一起使用,否则该滤镜失效。 IE下模拟css3中的box-shadow(阴影)代码: [css]view plaincopy ...
"角度(Angle)":投影的角度。 "距离(Distance)":阴影的距离。根据角度和距离可以换算出CSS3阴影中的x-offset和y-offet。 x-offset = Distance * cos(180 -Angle) , y-offset = Distance * sin(180 - Angle) "扩展(Spread)":阴影的扩展大小。控制阴影实体颜色和虚化颜色的多少。 Spread * Size = 阴影中...
filter: progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度（数值）, Strength=阴影半径（数值）)这是理论，下面给你个例子：sean_msg{ filter: progid:DXImageTransform.Microsoft.Shado(Strength=3, Direction=135, Color='#999999');上面是IE的样式代码 -webkit-box-...
CSS3box-shadow属性的使用 CSS3box-shadow属性的使⽤ 每次使⽤box-shadow,都要查阅资料才能实现对应的效果,现在总结⼀下,⽅便以后查看。⼀、语法：E {box-shadow: inset x-offset y-offset blur-radius spread-radius color};E {box-shadow: 投影⽅式 X轴偏移量 Y轴偏移量阴影模糊半径阴影扩展半径...