[游戏开发]CSS常见过渡和动画效果实现

1.鼠标悬浮等比放大

.item:hover {
    cursor: pointer;
    transform: scale(1.1);
    box-shadow: 0 2px 40px 0 rgb(0 0 0 / 20%);
    transition: .6s;
}

注意点：鼠标 悬停 和 离开 都存在过渡效果需要将transition添加给元素的初始状态

? ? ? ? ? ? ? ?只想要鼠标 悬停 时存在过渡效果，离开时不需要，就将transition添加给：hover的时候