html5 - css @keyframes 在qq或微信端不支持吗？

问题描述

问 题

在本地浏览器及微信开发工具上运行是可以使用的，但上传了之后，这段代码

.toolTip {

position: absolute;
bottom: 12px;
left: 50%;
transform: translateX(-50%);
color: #FF66CC;
animation: toolTip 1s linear infinite;
-webkit-animation: toolTip 1s linear infinite;
-moz-animation: toolTip 1s linear infinite;
-o-animation: toolTip 1s linear infinite;

}

@keyframes toolTip {

0% {
    bottom: 30px;
}
50% {
    bottom: 50px;
}
100% {
    bottom: 30px;
}

}

在QQ和微信端上就无法运行了，我用的是安卓系统，不知道iOS系统会不会也无法运行

特地来求助各位DaLao。

献上网址：http://520.52lcy.cn

解决方案

使用 @-webkit-keyframes 呢

这篇关于html5 - css @keyframes 在qq或微信端不支持吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！