更多操作
创建页面，内容为“#home-nav .home-card { overflow: hidden; →确保放大后的背景不会溢出容器： position: relative; } #home-nav .home-card__background { transition: transform 0.3s ease; →添加过渡效果： transform-origin: center; →设置放大的中心点： } #home-nav .home-card:hover .home-card__background { transform: scale(1.1); →鼠标悬停时放大背景： }” |
小无编辑摘要 |
||
| 第1行： | 第1行： | ||
#home-nav .home-card { | #home-nav .home-card { | ||
overflow: hidden; | overflow: hidden; | ||
position: relative; | position: relative; | ||
} | } | ||
#home-nav .home-card__background { | #home-nav .home-card__background { | ||
transition: transform 0.3s ease; | transition: transform 0.3s ease; | ||
transform-origin: center; | transform-origin: center; | ||
} | } | ||
#home-nav .home-card:hover .home-card__background { | #home-nav .home-card:hover .home-card__background { | ||
transform: scale(1. | transform: scale(1.2); | ||
} | } | ||