关于webkit CSS (CSS3)的小结

来源：互联网发布：网络推广渠道的分类编辑：程序博客网时间：2024/04/30 20:51

-webkit-transform:rotate(5deg); 旋转

-webkit-box-shadow:5px 5px 5px #999; 阴影（默认为外阴影，inset为内阴影）

-webkit-transform:scale(0.5); 大小缩放

div{opacity:1;-webkit-transition:opacity 1s linear;}
div:hover{opacity:0;}; 淡出

input[type=range]{-webkit-appearance:slider-horizontal;} 水平滑动条

-webkit-appearance:push-button; 按钮
-webkit-appearance:searchfield; 搜索框

-webkit-box-sizing:border-box; padding的值包含在width里

-webkit-text-size-adjust:none; 禁用Webkit内核浏览器的文字大小调整功能

-webkit-tap-highlight-color:rgba(0,0,0,0); 只用于iOS (iPhone和iPad) 设置高亮色，alpha为0时禁用高亮

a{
    display:block;margin-top:.2em;color:#413F3F;
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#e5e5e5),to(#c7c7c7));
    background-image:-webkit-linear-gradient(top,#e5e5e5,#c7c7c7);
    background-image:-moz-linear-gradient(top,#e5e5e5,#c7c7c7);
    background-image:-ms-linear-gradient(top,#e5e5e5,#c7c7c7);
    background-image:linear-gradient(top,#e5e5e5,#c7c7c7);
    background-color:#dfdfdf\9;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',endColorstr='#c7c7c7');
}; 颜色渐变。