CSS:filter:毛玻璃效果

2014/09/28 681 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
【網站架設】Photo Sphere Viewer 全景照片展示
📆 2015-05-22
📁 網站技術, 架站程式
CSS:開發:原件放大
📆 2013-01-01
📁 網站技術, CSS
JavaScript：偵測系統深色模式/淺色模式
📆 2020-05-28
📁 網站技術, HTML, JavaScript
Ionicons：精美開源圖標、Material & iOS 風格、可運用在網站上
📆 2019-01-18
📁 網站技術, HTML, CSS, JavaScript
PHP：HTML 表單的 GET 與 POST 傳值
📆 2019-06-14
📁 網站技術, HTML, PHP
自動隱藏且可直接使用的網頁回頂部按鈕
📆 2021-11-30
📁 網站技術, HTML, CSS, JavaScript, jQuery
JS:回頂部、回底部語法
📆 2014-02-12
📁 網站技術, JavaScript
jQuery「jquery.rss」將 RSS 轉成 HTML
📆 2017-07-14
📁 網站技術, jQuery, RSS

留言區 / Comments

萌芽論壇

萌芽站長

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