首页 前端知识 css3特性-使图片变模糊

css3特性-使图片变模糊

2024-09-06 00:09:56 前端知识 前端哥 673 847 我要收藏

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        div img {

            width: 500px;

            height: 500px;

            margin-left: 485px;

            ;



 

        }

        /* blur 是一个函数 小括号里面数值越大,图片越模糊 单位px */

        img {

            filter: blur(15px);

        }

        img:hover {

            filter: url(0);

        }

    </style>

</head>

<body>

    <div><img src="images/xingkong.jpg" alt=""></div>


 

</body>

</html>

转载请注明出处或者链接地址:https://www.qianduange.cn//article/17709.html
标签
评论
发布的文章

javascript jQuery

2024-09-21 22:09:33

【若依】表格固定列宽

2024-09-21 22:09:30

Knockout-jQueryUI 使用指南

2024-09-21 22:09:29

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!