css实现鼠标移动到div块时自动加阴影效果

星期五の夜

已于 2024-01-03 14:35:23 修改

阅读量1.9k

点赞数

分类专栏： html+css 文章标签： css 前端

于 2020-07-08 14:39:04 首次发布

原文链接：https://blog.csdn.net/tenggeer0789/article/details/89478859

版权

html+css 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

<style>
        .shadow{
            float:left;
            margin-left:20px;
            background: #EEFF99;
             transition-duration: 0.5s; //停留时间显示
            width:200px;
            height:400px;
        }
        .shadow:hover{
            -webkit-box-shadow: #ccc 0px 10px 10px;
            -moz-box-shadow: #ccc 0px 10px 10px;
            box-shadow: #ccc 0px 10px 10px;  }
    </style>
</head>
<body>
<div class="shadow"></div>
<div class="shadow"></div>
<div class="shadow"></div>
</body>