首頁  >  文章  >  web前端  >  簡單的實現毛玻璃效果的實例代碼

簡單的實現毛玻璃效果的實例代碼

零下一度
零下一度原創
2017-05-06 14:05:162670瀏覽

       簡單的幾行程式碼實現的一個毛玻璃效果,有興趣的朋友們可以看看。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>文字高斯模糊效果</title>
        <style>
            p {
                box-shadow: 1px 1px 2px 2px #ccc; /*盒子阴影*/
                color: rgba(0, 0, 0, 0.2); /*透明度*/
                text-shadow: 0 0 3px black; /*文本阴影*/
            }
        </style>
    </head>
    <body>
        <p>我来演示模糊效果</p>
    </body>
</html>

簡單的實現毛玻璃效果的實例代碼

高斯模糊效果

【相關推薦】

#1. 免費html線上影片教學

2. html開發手冊

3. php.cn原廠html5影片教學

###3. ###php.cn原始html5影片教學######

以上是簡單的實現毛玻璃效果的實例代碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn