更多操作
小无编辑摘要 |
小无编辑摘要 |
||
| 第4行： | 第4行： | ||
} | } | ||
#home-nav .home-card__background { | #home-nav .home-card__background img { | ||
width: 100%; | |||
height: 100%; | |||
object-fit: cover; | |||
transition: transform 0.3s ease; | transition: transform 0.3s ease; | ||
transform-origin: center; | transform-origin: center; | ||
| 第11行： | 第14行： | ||
} | } | ||
#home-nav .home-card:hover .home-card__background { | #home-nav .home-card:hover .home-card__background img { | ||
transform: scale(1.1); | transform: scale(1.1); | ||
} | } | ||
2025年3月11日 (二) 21:01的版本
#home-nav .home-card {
overflow: hidden;
position: relative;
}
#home-nav .home-card__background img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
transform-origin: center;
will-change: transform;
backface-visibility: hidden;
}
#home-nav .home-card:hover .home-card__background img {
transform: scale(1.1);
}