實現css3主要屬性：
background: linear-gradient( dir, color1, color2,...); //先定義乙個線型漸變
background-size: 400% 400%; // 把線型漸變擴大，預設可視盒子的顏色就是線性漸變其中的一部分顏色
transition: .5s all; //增加過渡效果
//:hover的時候運用定位將可視盒子定位到線性漸變其他顏色部分
:hover
opacity: .5; //為了給底層增加透明效果
mix-blend-mode: screen; //透明效果會出現多層透明，運用混合模式解決
/*混合模式(mix-blend-mode)：該屬性的作用是將乙個元素同其父標籤的元素發生混合*/
屬性值：
/*mix-blend-mode: normal; /*正常*/
/*mix-blend-mode: multiply; /*正片疊底*/
/*mix-blend-mode: screen; /*濾色*/
/*mix-blend-mode: overlay; /*疊加*/
/*mix-blend-mode: darken; /*變暗*/
/*mix-blend-mode: lighten; /*變亮*/
/*mix-blend-mode: color-dodge; /*顏色減淡*/
/*mix-blend-mode: color-burn; /*顏色加深*/
/*mix-blend-mode: hard-light; /*強光*/
/*mix-blend-mode: soft-light; /*柔光*/
/*mix-blend-mode: difference; /*差值*/
/*mix-blend-mode: exclusion; /*排除*/
/*mix-blend-mode: hue; /*色相*/
/*mix-blend-mode: saturation; /*飽和度*/
/*mix-blend-mode: color; /*顏色*/
/*mix-blend-mode: luminosity; /*亮度*/
/*mix-blend-mode: initial; /*初始*/
/*mix-blend-mode: inherit; /*繼承*/
/*mix-blend-mode: unset; /*復原*/
/*其中，multiply屬性可以將的白色背景變成透明*/
android 漸變蒙版 iOS關於蒙版漸變的實現
有個需求，檢視的右邊需要漸隱，如下圖 這裡只是隨便拿個介面做下測試 paste image.png 要求整個view漸漸alpha變透明，包括view上的子view，需要一起變透明。拿起鍵盤就是幹 void testalpha self.view layoutifneeded uicolor col...
黑色遮罩引導蒙版 CSS實現方式
有一些改動的時候，為了讓使用者熟知新的操作位置，往往會增加乙個引導，常見的方式就是使用乙個黑色的半透明蒙版，然後需要關注的區域是鏤空的。然後上周五我去微雲轉悠的時候，也看到了引導層，於是職業病又犯了，去學習下別人是怎麼實現的。下面是觀測的結果 為了實現鏤空蒙層效果，作者發揮了小時候拼積木的才能，使用...
實現同心圓遮罩漸變顯示 隱藏特效
今天在做 過程中，發現了一種新的特效，在這裡記錄分享一下。給圖示加上遮罩，滑鼠浮動到圖示所在圓時藍色遮罩從圓心逐漸顯現，移出滑鼠時遮罩從圓周逐漸收縮到圓心消失。實現原理 css3中，transform scale x,y 可以實現2d 縮放轉換，而當x y時，它們的橫縱方向縮放比例一致。當x y 0...