/*10個filter的屬性
*/-webkit-filter: blur(30px);
/*模糊的效果
*/-webkit-filter:grayscale(1);
/*黑白 預設100%
*/-webkit-filter:sepia(1);
/*黃棕色類似老** 預設100%
*/-webkit-filter:saturate(3)
/*飽和度 預設100%*/;
-webkit-filter:hue-rotate(90deg)
/*色輪預設是0deg*/;
-webkit-filter:invert(1);
/*預設100%
*/-webkit-filter:opacity(0.2)
/*預設100%，不透明的程度*/;
-webkit-filter: brightness(0.5)
/*亮度，預設100%*/;
-webkit-filter:contrast(2);
/*對比度，預設100%和原圖一樣
*/-webkit-filter:drop-shadow(10px 10px 2px #aaa);
/*（陰影向右，陰影向下，陰影的模糊程度，陰影的顏色）
*/
CSS3 之filter毛玻璃效果彈窗
同步發布 css3 的 filter 非常強大，在實際開發中也能提公升逼格，比如filter blur可以實現更優雅的彈窗遮罩。先看效果 效果主要用css3的濾鏡屬性實現，如下 1 doctype html 2 html lang en 3 head 4 meta name viewport con...
讓背景出現毛玻璃的效果
1.背景是半透明的 2.背景有毛玻璃的模糊效果 3.上面的字型清晰可見 效果如下 先是背景透明，字型清晰可見 div 再來個模糊處理 div 還做了相容處理，美滋滋。開啟瀏覽器重新整理 我擦，這都是什麼鬼。不行，要分析一下。原來div裡面的字和div是在乙個盒子裡面，設定這個盒子為模糊，那麼裡面的字...
Photoshop 裡的毛玻璃到底咋做
以前咱一直以為咱自己 ps 技術挺好，今早上這 打臉了 看完春晚 沒錯就是看完了春晚 閒來無事，想著練練 ps，畫點 ui，省著狗浩天天忽悠我 然後一開啟 ps，一想，著毛玻璃咋做啊？直接開高斯模糊。但做完了發現，這高斯模糊啊，不是fliter而是backdrop fliter 這就很尷尬了。趕緊開...