具体的缩放动画css样式如下: @keyframes bannerScaleChange { 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .banner_top .big_div { width: 90%; margin: 0 auto; height: 400px; position: relative; margin-top: 30px; } .banner_top .big_div .headerDScreen { position: absolute; width: 100%; height: 400px; background-image: url('../image/habit.imgs/nav-.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; animation: bannerScaleChange 8s infinite; z-index: -1; } |