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做出这样的效果吗,求指教,谢谢! 展开
<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做出这样的效果吗,求指教,谢谢! 展开
4个回答
展开全部
CSS3 animation 属性
1、IE10 开始支持的。
2、针对版本低的现代游览器最好使用前缀(-webkit-,-moz-,-o-)。
3、IE9 可以用JS的 setTimeOut 等函数来解决动画。
4、IE6,7,8 游览器推荐用jQuery动画,当然旋转等高级动画是不行的,因为rotate属性是IE9开始支持的。
5、不支持css3的游览器上不要勉强用,网页执行效率极差。
推荐一个网页
caniuse.com
这网页里可以查看css的属性能支持哪些游览器和版本。
1、IE10 开始支持的。
2、针对版本低的现代游览器最好使用前缀(-webkit-,-moz-,-o-)。
3、IE9 可以用JS的 setTimeOut 等函数来解决动画。
4、IE6,7,8 游览器推荐用jQuery动画,当然旋转等高级动画是不行的,因为rotate属性是IE9开始支持的。
5、不支持css3的游览器上不要勉强用,网页执行效率极差。
推荐一个网页
caniuse.com
这网页里可以查看css的属性能支持哪些游览器和版本。
展开全部
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语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
头文件里加一句
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE10" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE10" >
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2015-11-15
展开全部
追问
不是这个效果啊,这只是平面旋转,我的效果是沿y轴翻转。。。
还有,大哥啊,之前你回答的那个我采纳不了你啊,也不知道怎么回事。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询