我现在直接触了原生js,请问能用原生js做出这样的效果吗,求指教,谢谢!

<!DOCTYPE html>
<html>
<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来做的,然而其兼容性不好,所以请问怎么解决这个问题呢?

当年话下
浏览 80回答 3
3回答

郎朗坤

CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。

繁星淼淼

头文件里加一句<meta http-equiv="x-ua-compatible" content="IE=EmulateIE10" >

慕姐4208626

CSS3 animation 属性1、IE10 开始支持的。2、针对版本低的现代游览器最好使用前缀(-webkit-,-moz-,-o-)。3、IE9 可以用JS的 setTimeOut 等函数来解决动画。4、IE6,7,8 游览器推荐用jQuery动画,当然旋转等高级动画是不行的,因为rotate属性是IE9开始支持的。5、不支持css3的游览器上不要勉强用,网页执行效率极差。
打开App,查看更多内容
随时随地看视频慕课网APP