CSS:filter:毛玻璃效果

2014/09/28 680 0 網站技術 , CSS

終於讓我找到毛玻璃效果(模糊效果)CSS原碼啦!
◎CSS filter blur 原始碼：
-moz-filter: blur(2px);
-webkit-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);
 ※原始碼中的2px可以修改，範例：20px。
 ◎CSS filter blur 測試方塊：
CSS filter blur 測試方塊 ◎CSS filter blur 測試方塊應該出現的效果截圖：

※此CSS原始碼效果可至CSS Filters預覽。

贊助廣告 ‧ Sponsor advertisements
無縮圖
CSS:邊框動態效果
📆 2013-01-01
📁 網站技術, CSS
無縮圖
CSS:list-style-type屬性
📆 2014-01-29
📁 網站技術, CSS
Node.js：Gulp 套件協助將 JavaScript 合併、壓縮與命名，將 JS 封裝吧！
📆 2019-04-02
📁 網站技術, JavaScript, Node.js, Gulp
【技巧】網站設計必要元素:導航
📆 2013-11-16
📁 網站技術
Google AdSense:相符內容廣告，增加收益
📆 2016-11-17
📁 網站技術
Node.js：建構路徑物件、自動監看執行、批次檔小技巧（Gulp、mozjpeg 批次圖片壓縮 - 延伸篇...
📆 2019-03-31
📁 多媒體, 網站技術, JavaScript, Node.js, 靜圖處理, Gulp
Toastr：最佳的通知提示 jQuery 插件
📆 2019-07-01
📁 網站技術, JavaScript, jQuery
CSS:模糊效果的美化邊框
📆 2013-01-01
📁 網站技術, CSS

留言區 / Comments

萌芽論壇

萌芽站長

您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！