animation的兼容性问题

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title></title><style>img{ani... <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
img{
animation: mymove 4s linear;
animation-iteration-count: infinite;
}
@keyframes mymove {
from{transform: rotateY(0deg);}
to{transform: rotateY(360deg);}
}
</style>
</head>
<body>
<img src="Images/小黄人.jpg" >
</body>
</html>
这个是我用css3的animation来做的,然而其兼容性不好,所以请问怎么解决这个问题呢?我现在直接触了原生js,请问能用原生js做出这样的效果吗,求指教,谢谢!
展开
 我来答
BananaLatte
推荐于2018-03-03 · TA获得超过446个赞
知道小有建树答主
回答量:180
采纳率:100%
帮助的人:135万
展开全部
CSS3 animation 属性
1、IE10 开始支持的。
2、针对版本低的现代游览器最好使用前缀(-webkit-,-moz-,-o-)。
3、IE9 可以用JS的 setTimeOut 等函数来解决动画。
4、IE6,7,8 游览器推荐用jQuery动画,当然旋转等高级动画是不行的,因为rotate属性是IE9开始支持的。
5、不支持css3的游览器上不要勉强用,网页执行效率极差。

推荐一个网页
caniuse.com
这网页里可以查看css的属性能支持哪些游览器和版本。
泽男君
2018-04-09 · TA获得超过1.7万个赞
知道小有建树答主
回答量:171
采纳率:100%
帮助的人:3.6万
展开全部

CSS3 animation 属性

1、IE10 开始支持的。

2、针对版本低的现代游览器最好使用前缀(-webkit-,-moz-,-o-)。

3、IE9 可以用JS的 setTimeOut 等函数来解决动画。

4、IE6,7,8 游览器推荐用jQuery动画,当然旋转等高级动画是不行的,因为rotate属性是IE9开始支持的。

5、不支持css3的游览器上不要勉强用,网页执行效率极差。

推荐一个网页

caniuse.com

这网页里可以查看css的属性能支持哪些游览器和版本。

CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
孙艺芮丶
2018-10-30
知道答主
回答量:3
采纳率:0%
帮助的人:2542
展开全部
头文件里加一句
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE10" >
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2015-11-15
展开全部
追问
不是这个效果啊,这只是平面旋转,我的效果是沿y轴翻转。。。

还有,大哥啊,之前你回答的那个我采纳不了你啊,也不知道怎么回事。。。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式