卡片触发上移的动画效果

效果图

实现

.item {......box-shadow: 0px 0px 24px rgba(0,0,0,0.1); /* 浅色阴影 */transition: 0.4s;  /* 样式变化过渡时间，起到渐变的效果 */
}.item:hover {......transform: translateY(-20px) scale(1.05); /* 上移 */box-shadow: 0px 0px 36px rgba(0,0,0,0.4); /* 加深阴影，看起来更像移动后的样子 */
}