倒影和遮罩

2021-08-21 17:11:27 字數 421 閱讀 2672

-webkit-mask-image:url('images/2.png');

-webkit-mask-size:50%;

-webkit-mask-repeat:no-repeat;

-webkit-mask-position:center;

-webkit-mask:url('images/2.png') repeat center/25%

倒影不佔位置

位置direction above 上面 below下面 left right

offset 影象和倒影之間的距離 可以為負值

mask-box-images 遮罩影象 只能放透明 png

-webkit-mask-size:50%;遮罩影象的大小

-webkit-mask-repeat:no-repeat;遮罩影象的平鋪

遮罩和鎖定按鈕

在專案中有很多地方會用到遮罩和按鈕鎖定,我這邊直接上 了,直接拷貝用就行了 一.遮罩 需要注意的是這幾個引數的意思 rgb red green bule 3色 及212,0,0 三色的值混合 最後乙個引數 0.5 是指的透明度 1表示不透明 function zhezhao function jie...

css3 倒影和變形

倒影 語法 webkit box reflect direction above below left right 間距 畫素值 注意1.倒影產生的效果不在標準流之內 2.對box模型產生倒影 倒影加漸變 單純使用倒影,於原圖區分不大,顯示不出效果,倒影一般與漸變配合使用 語法 webkit box...

CSS box reflect倒影效果

box reflect none above below left right none 預設值 none 適用於 所有元素 繼承性 無 動畫性 否 計算值 指定值 none 無倒影above 指定倒影在物件的上邊 below 指定倒影在物件的下邊 left 指定倒影在物件的左邊 right 指定倒...