简单的实现毛玻璃效果的实例代码

零下一度

Lepaskan： 2017-05-06 14:05:16

asal

2750 orang telah melayarinya

简单的几行代码实现的一个毛玻璃效果，感兴趣的朋友们可以看一下。

<!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>

Salin selepas log masuk

简单的实现毛玻璃效果的实例代码

高斯模糊效果

【相关推荐】

1. 免费html在线视频教程

2. html开发手册

3. php.cn原创html5视频教程

Atas ialah kandungan terperinci 简单的实现毛玻璃效果的实例代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

毛玻璃，效果

sumber：php.cn

Artikel sebelumnya：对行内元素与块级元素之间转换的详细教程 Artikel seterusnya：深入分析html中的marquee属性

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang