css3 用于webkit

来源：互联网发布：创新国度软件编辑：程序博客网时间：2024/05/01 04:36

1，圆角

-webkit-border-radius:10px;

参数说明：10px的圆角

---------------------------------------------------------------

2，阴影

文字阴影：

-webkit-text-shadow:3px 3px 2px red;

盒阴影：

-webkit-box-shadow:3px 3px 4px red,4px 4px 1px blue;

参数说明：阴影开始的位置左，上，透明度，颜色（可设置多个阴影用“，”分开）

---------------------------------------------------------------

3，多背景

background-image:url(1.png),url(2,png);

background-repeat:no-repeat,repeat-x;

参数说明：依次显示每个背景（写在前面的显示在最上面），下面设置的repeat等属性对应image的每个值

---------------------------------------------------------------

4，旋转

-webkit-transform:rotate(-30deg);

参数说明：-30deg代表转-30度

---------------------------------------------------------------

5，背景渐变

background: -webkit-gradient(linear, 0 0, 0 100%, from(red), to(blue), color-stop(0.5, #fff));

参数说明：渐变的类型"线性渐变(linear)或是径向渐变(radial)", 渐变开始的X Y 轴坐标, 渐变结束的X Y 轴坐标, from(开始的颜色),to(结束的颜色),指定过渡点

---------------------------------------------------------------

更多可见：http://qiqicartoon.com/?p=572