注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
#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); /* 鼠标悬停时放大背景 */
}