Browse Source

no message

master
zhangjialei 3 days ago
parent
commit
a00a4fd722
  1. 11
      code/vue/vue3.2.2/src/views/ListStatus.vue

11
code/vue/vue3.2.2/src/views/ListStatus.vue

@ -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);
}

Loading…
Cancel
Save