18 边框阴影动画
作者：互联网
当鼠标穿过展示动画效果
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>边框阴影</title>
<style type="text/css">
.shadow{
margin: 50px auto;
position: relative;
width: 200px;
height: 200px;
background-color: purple;
box-shadow: 20px 20px 50px red;
}
.shadow:hover{
top: -3px;
box-shadow: 0 15px 10px #e0e0ee0;
}
</style>
</head>
<body>
<div class="shadow"></div>
</body>
</html>
标签：box,动画,18,50px,边框,shadow,20px,200px 来源： https://www.cnblogs.com/it-lkp/p/16553707.html