<style>
.juxing {
width: 200px;
height: 200px;
margin: 0 auto;
background-color: blue;
border-radius: 4px;
box-shadow: 8px 8px 5px black;
transition: all 0.7s;/* 动画时间 */
}
.juxing:hover{/* 鼠标经过触发 */
opacity: 0;
}
</style>
<body>
<div class="juxing"></div>
</body>
鼠标经过一个矩形(包含阴影,圆角),逐渐变透明
最新推荐文章于 2022-12-28 10:18:29 发布