CSS:filter:毛玻璃效果

2014/09/28 700 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
取得 WordPress Popular Posts REST API 熱門文章資訊至任何網頁 (AJAX 取得 JSON)
📆 2020-01-25
📁 網站技術, HTML, JavaScript, jQuery, 架站程式, WordPress
【網站設計】NProgress.js 美化用進度條
📆 2015-05-21
📁 網站技術, JavaScript
【萌芽網站技術教學】第一章:準備當個網站站長
📆 2014-07-27
📁 網站技術
CSS:陰影 box-shadow
📆 2013-01-01
📁 網站技術, CSS
【論壇美化】LOGO特效+紅框特效
📆 2013-01-01
📁 網站技術, 架站程式, Discuz!
CSS:不隨著捲軸移動的固定背景
📆 2013-12-20
📁 網站技術, CSS
XAMPP：phpMyAdmin 連接內部或外部 MySQL 伺服器完整教學
📆 2019-06-02
📁 網站技術, 伺服器, 資料庫, PHP, SQL
PHP & AJAX & MySQL 即時搜尋系統、邊打字邊搜尋資料庫
📆 2019-06-18
📁 網站技術, 資訊安全, 伺服器, 資料庫, PHP, JavaScript, jQuery, SQL

留言區 / Comments

萌芽論壇

萌芽站長

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