热门

最新

红包

立Flag

投票

同城

我的

发布
yige8608
yige8608
4 年前
trueyige8608

想请教一下,@keyframes动画(弄了个简单的3D旋转),在IE浏览器中不能正常运行的问题,不知道怎么解决这个兼容问题!!!
样式代码如下:
.box {
width: 200px;
height: 200px;
margin: 30px auto;
transform-style: preserve-3d;
transition-property: none;
position: relative;
animation: 30s move linear infinite;
}
@keyframes move {
0% {
transform: rotate(0);
}

100% {
transform: rotateX(-5deg) rotateY(360deg);
}
页面代码:
<div class="box">
<div class="d1"><img src="./pic/lb1.jpg" alt=""></div>
<div class="d2"><img src="./pic/lb2.jpg" alt=""></div>
<div class="d3"><img src="./pic/lb3.jpg" alt=""></div>
<div class="d4"><img src="./pic/lb4.jpg" alt=""></div>
<div class="d5"><img src="./pic/lb5.jpg" alt=""></div>
<div class="d6"><img src="./pic/xin.jpg" alt=""></div>
</div>
亲测在谷歌,联想自带浏览器下都能运行!就是IE浏览器(我的IE11版本)不能正常运行!

CSDN App 扫码分享
分享
评论
点赞
打赏
  • 复制链接
  • 举报
下一条:
独处习惯了不会交流了……
立即登录