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