css3的高级而有用且不多人知道的属性和样式

一、-webkit-mask

概属性能够给一个元素添加蒙层，蒙层能够是一个渐变或者半透明的png图片，这张png图片的 alpha 为 0 的位置会不显示元素这部分，alpha 为 1 的位置会显示元素这部分。

 

 

 

 .element{
    background-image:url('bg.jpg');
    -webkit-mask:url('mask.png');
}

 

二、-webkit-text-stroke

能够给文字或者其余元素添加border ，能够设置颜色和宽度

 

*{
    -webkit-text-stroke:2px blue;
}

 

三、-webkit-tap-highlight-color

在 (iphone/ipad) 中，当连接触发或者onclick 事件触发时候，能够添加一个颜色

 

*{
    -webkit-tap-highlight-color: colorName;
}

 

四、 -webkit-box-flect

能够设置一个元素有一个倒影

 

*{
    -webkit-box-flect:below 5px
}

 

 

五、-webkit-marquee

跑马灯显示某元素

 

*{
    
}

 

六、user-select

禁止用户选择文本。

 

七、-webkit-text-size-adjust

取消最小字体限制

 

我的博客 ： 不少有用的插件    https://gilea.cn/

 

 https://www.cnblogs.com/jiebba/p/9586200.html