css3动画 微信浏览器不支持 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

css3动画 微信浏览器不支持

2016-06-12 11:29:33 3475 1

做了一个图标上下运动的小动画,手机浏览器ios里面都没问题,就是安卓的微信里面看动画就挂掉了

.renchou-box:after{ content: "";position: absolute;z-index: 5;bottom: 1.2rem;left:50%;width:1.5rem;height: 1.2rem;margin-left:-.75rem;background:url(/images/renchou/arrow-down.png) no-repeat;background-size:contain;
    -webkit-animation:arrow .5s linear infinite alternate;   
    animation: arrow .5s linear infinite alternate;
}
@-webkit-keyframes arrow {
    0%{transform: translate(0,-.3rem);}
    100%{transform: translate(0,.3rem);}
}
@keyframes arrow {
    0%{transform: translate(0,-.3rem);}
    100%{transform: translate(0,.3rem);}
}
取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:33:35

    看一下你写的代码,虽然挂了-webkit-keyframes,但是里面的transform却没加-webkit

    @-webkit-keyframes arrow {
    0%{transform: translate(0,-.3rem);}
    100%{transform: translate(0,.3rem);}
    }

    刚才帮你测试了,加上-webkit动画效果没问题
    全选复制放进笔记
    @-webkit-keyframes arrow {
    0%{-webkit-transform: translate(0,-.3rem);}
    100%{-webkit-transform: translate(0,.3rem);}
    }

    如果还有问题,试着清理一下缓存

    0 0
相关问答

1

回答

碰上 一个怪异的css动画

2016-06-08 18:27:53 1604浏览量 回答数 1

26

回答

我存放在OSS里面的js文件和css文件访问的时候都乱码了,请问怎么回事呀

2022-03-02 17:45:44 29701浏览量 回答数 26

2

回答

JS/CSS 选项卡 – 设置默认选项

2020-02-13 19:17:47 733浏览量 回答数 2

2

回答

JS/CSS 选项卡 – 淡入效果

2020-02-13 19:22:01 709浏览量 回答数 2

2

回答

JS/CSS 选项卡

2020-02-13 19:32:18 700浏览量 回答数 2

1

回答

JS/CSS 选项卡 – 幻灯片效果

2020-02-13 19:02:25 510浏览量 回答数 1

2

回答

JS/CSS 选项卡 – 垂直方向

2020-02-13 19:06:11 640浏览量 回答数 2

2

回答

JS/CSS 选项卡 – 设置关闭按钮

2020-02-13 19:10:52 671浏览量 回答数 2

1

回答

js获取屏幕分辨率,加载js与css

2016-06-08 16:01:09 2562浏览量 回答数 1

1

回答

nodejs中css,js加载的问题,报错如图,用了fs.readFile就没事了,为啥?

2016-03-11 10:30:43 3864浏览量 回答数 1
+关注
杨冬芳
IT从业
1
文章
9167
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载