• 技术文章 >web前端 >html教程

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

    零下一度零下一度2017-05-06 14:05:16原创1378
    简单的几行代码实现的一个毛玻璃效果,感兴趣的朋友们可以看一下。

    <!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视频教程

    以上就是简单的实现毛玻璃效果的实例代码的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:毛玻璃,效果
    上一篇:对行内元素与块级元素之间转换的详细教程 下一篇:深入分析html中的marquee属性
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• Div+CSS布局入门教程(1)页面布局与规划_html/css_WEB-ITnose• 第 9 章 音频和视频_html/css_WEB-ITnose• HTML中meta标签作用及属性总结_html/css_WEB-ITnose• 浏览器得到地址栏的相关信息_html/css_WEB-ITnose• web开发中比较常用的html标签_html/css_WEB-ITnose
    1/1

    PHP中文网