css - 背景尺寸封面不适用于 CSS 动画

标签 css animation

我尝试使用带有背景尺寸覆盖的 CSS 动画...但 CSS 动画似乎覆盖了“background-size:cover

访问 jsfiddle.net/zNCY5/

最佳答案

您需要将 background-size: cover; 放在您的 @keyframes 中。这是一个 fiddle :http://jsfiddle.net/Ex2mT/

@keyframes animation{   
    0%   {
        background:url(...) no-repeat top center fixed;
        background-size: cover;
    }
}

对您拥有的每个百分比重复此操作。

关于css - 背景尺寸封面不适用于 CSS 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22923557/

相关文章:

html - 如何让带有/标题的图像保持在一行/同一行?

javascript - 在 flexslider 幻灯片处于事件状态时添加类(flex-active-slide)

animation - Unity Animator 默认图层状态在第一帧卡住

ios - UIImageView动画太耗内存

css - 试图理解为什么 <li> 是 block 级元素

css - 父类中具有相同名称的html类

javascript - 如何在滚动条上从左向右移动一个div?

objective-c - 如何为 UIView 设置动画,使其向右离开屏幕,然后从左侧重新出现

android - CardView动画: raise and expand on click?

javascript - 动画 SVG 阻止 D3 仅在 iOS 中转换单独 div 的 `top` 样式