|
|
|
@ -136,16 +136,15 @@ methods: {
|
|
|
|
|
border-radius: 30px; |
|
|
|
|
margin: auto 0; |
|
|
|
|
/* 添加阴影提高辨识度 */ |
|
|
|
|
box-shadow: 5px 5px 20px rgba(100, 100, 100, 0.25), |
|
|
|
|
5px 5px 20px rgba(100, 100, 100, 0.25); |
|
|
|
|
box-shadow: 5px 5px 20px rgba(200, 200, 200, 0.25), |
|
|
|
|
5px 5px 20px rgba(200, 200, 200, 0.25); |
|
|
|
|
/* 动态过度 */ |
|
|
|
|
transition: all 0.4s; |
|
|
|
|
} |
|
|
|
|
/* 鼠标停留在卡片上时放大和添加阴影 */ |
|
|
|
|
/* 鼠标停留在卡片上时上浮和添加阴影 */ |
|
|
|
|
.list .item:hover{ |
|
|
|
|
transform: scale(1.2,1.2); |
|
|
|
|
box-shadow: 25px 25px 75px rgba(0, 0, 0, 0.25), |
|
|
|
|
10px 10px 70px rgba(0, 0, 0, 0.25); |
|
|
|
|
box-shadow: 25px 25px 75px rgba(100, 100, 100, 0.25), |
|
|
|
|
10px 10px 70px rgba(100, 100, 100, 0.25); |
|
|
|
|
transform: translateY(-10px); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|