为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

C PHP
当年话下 2023-01-03 11:07:36

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

查看完整描述

3 回答

?
郎朗坤

TA贡献1678条经验 获得超9个赞

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

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


查看完整回答
反对 回复 2023-01-06
?
繁星淼淼

TA贡献1513条经验 获得超11个赞

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

查看完整回答
反对 回复 2023-01-06
?
慕姐4208626

TA贡献1579条经验 获得超7个赞

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

查看完整回答
反对 回复 2023-01-06

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信