css画出悬浮效果图 |css特殊图标

/* 方法一：box-shadow */
.box {
width: 100px;
height: 100px;
background-color: #ccc;
box-shadow: 0 0 5px #333;
transition: all 0.3s ease;
}
.box:hover {
box-shadow: 0 0 10px #333;
}

这是一个使用box-shadow属性来实现悬浮效果图的例子。通过给元素添加box-shadow，可以产生一个类似于阴影的效果。大家可以通过调整box-shadow的参数，让其在不悬浮时和悬浮时的效果不同，从而实现悬浮效果图。

/* 方法二：transform */
.box {
width: 100px;
height: 100px;
background-color: #ccc;
transition: all 0.3s ease;
}
.box:hover {
transform: scale(1.2);
}

这是一个使用transform属性来实现悬浮效果图的例子。通过使用transform: scale()，可以让元素放大或缩小。在这里大家把它用来实现悬浮时元素变大的效果。