Css 使用背景大小封面缩放背景图像

我正在使用这段代码使wordpress标题图片缓慢地放大和缩小。它适用于Chrome和Firefox，但在Safari中，为图片设置的

背景大小：封面

似乎覆盖了缩放。有没有办法从封面缩放到“150%封面”？基本上告诉它从封面开始，然后从那里开始150%的拍摄？这段代码在Safari中甚至根本不会缩放，而且

背景大小：100%

在移动设备上无法使图片足够高，因此我需要一个不同的解决方案

谢谢大家!

   @-webkit-keyframes animatedBackground {
      from {
        background-size: 100%;}
     
        50% {
        background-size: 150%; }
    
      to {
        background-size: 100%; }
        
    }
    
    .home .header-media .wrapper:before {
      -webkit-animation: animatedBackground 90s linear infinite;
      -moz-animation: animatedBackground 90s linear infinite;
      animation: animatedBackground 90s linear infinite;
        background-position: center;
        background-size: cover;
    }

---

这是一个工作片段，

transition

和

background size

完成这个技巧

.parent{
宽度：400px；
高度：300px；
}
.孩子{
过渡：全部5秒；
宽度：100%；
身高：100%；
背景色：黑色；/*后备色*/
背景图像：url（“https://upload.wikimedia.org/wikipedia/commons/b/b4/The_Sun_by_the_Atmospheric_Imaging_Assembly_of_NASA%27s_Solar_Dynamics_Observatory_-_20100819.jpg”）；
背景位置：中心；
背景大小：100%；
}
.父项：悬停。子项，
.家长：专注。孩子{
背景大小：150%；
}

---

这是一个工作片段，

转换

和

背景大小

完成这个技巧

.parent{
宽度：400px；
高度：300px；
}
.孩子{
过渡：全部5秒；
宽度：100%；
身高：100%；
背景色：黑色；/*后备色*/
背景图像：url（“https://upload.wikimedia.org/wikipedia/commons/b/b4/The_Sun_by_the_Atmospheric_Imaging_Assembly_of_NASA%27s_Solar_Dynamics_Observatory_-_20100819.jpg”）；
背景位置：中心；
背景大小：100%；
}
.父项：悬停。子项，
.家长：专注。孩子{
背景大小：150%；
}

退房。@AsafS。太好了<代码>转换：缩放（1.5）与容器上的

溢出：隐藏组合完成。谢谢欢迎光临！我添加了一个答案，可能对其他人也有用：）请检查。@AsafS。太好了<代码>转换：缩放（1.5）

与容器上的

溢出：隐藏组合完成。谢谢欢迎光临！我已经添加了一个答案，可能对其他人也有用：）这对
背景尺寸：封面
有用吗？Scale（）就是它为我所做的。不过，这对
背景尺寸：cover
有效吗？Scale（）就是为我做的。