<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>伸缩16</title>
<style>
.box-card{
height: 314px;
50%;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 2px 2px rgba(10,16,20,24),0 0 2px rgba(10,16,20,12);
transition: all 0.5s;
margin: 24px 8px;
padding-bottom: 48px;
position: relative;
}
.box-card:hover{
box-shadow: 0 8px 8px rgba(10,16,20,24),0 0 8px rgba(10,16,20,12);
text-decoration: none;
height: 200px;
}
</style>
</head>
<body>
<div class="box-card"></div>
</body>
</html>