时间戳

首页 > 解决方案 > IE11+ 中的 CSS3 过渡支持

css - IE11+ 中的 CSS3 过渡支持

问题描述

我有一个简单的 CSS 背景大小的过渡动画，在 Chrome、Safari 和 Firefox 中运行良好。但是在 IE 11+ 中，转换不起作用。它只是从 100% 放大到 110%。我的CSS如下；

.hero {
 background-size: 100%;
 transition: all .9s ease;
 
 &:hover {
 background-size: 105%;
 }
}

然而，在我网站的其他地方，我使用带转换的转换，这在 IE 中运行良好。

.image {
display: block;
transition: all .9s ease;

&:hover {
transform: scale(1.1)
}
}

我不使用第二种方法的唯一原因是因为其他元素会受到变换的影响，我只希望背景图像按大小调整。

标签： cssanimation

解决方案

推荐阅读