标签或者图片循环旋转

原创 2016年08月30日 16:00:44

让标签或者图片循环旋转(支持多种浏览器)


.div_style:HOVER{
-webkit-animation: z 5s linear 0s infinite;//谷歌
-moz-animation: z 5s linear 0s infinite;//
-ms-animation: z 5s linear 0s infinite;//
animation: z 5s linear 0s infinite;//
}

@-webkit-keyframes z {
from {
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}
to {
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
}

版权声明:本文为博主原创文章,未经博主允许不得转载。

css3 - 图标元素动画效果2 - 动画无限循环、循环一定次数、反向动画

在线演示鼠标悬停,图标会一直不停旋转。 如果实现图标一直不停旋转,则需要使用animation动画。先制作动画的各个关键帧,然后在图标中运用这一动画。图标文件引入:html:...
  • erdouzhang
  • erdouzhang
  • 2017年05月08日 08:41
  • 4760

break、continue关键字配合标签使用,实现跳转功能

知识点:continue和break配合标签实现跳转功能       尽管java中goto是一个保留字,但在语言中并未使用它,Java没有goto。然后java也可以完成一些类似于跳转的操作,...
  • yybj
  • yybj
  • 2014年10月14日 02:04
  • 2160

使用HTML标签的属性对图片进行旋转效果

这两天老大让我写一个让照片翻转的效果,甚是痛苦,下面是我的一些个人心得   在W3C官方的标准里,通过transform属性使对象旋转的写法如下:transform: rotate(40deg);...
  • hbiao68
  • hbiao68
  • 2013年12月04日 09:52
  • 1257

刷新或者加载时图片旋转实现

  • 2014年04月15日 14:46
  • 1.39MB
  • 下载

JQuery 实现图片循环旋转

  • 2009年06月08日 12:41
  • 38KB
  • 下载

使用HTML5 canvas 标签进行图片裁剪、旋转、缩放示例代码

  • 2015年08月17日 15:24
  • 167KB
  • 下载

SQL 2008 R2升级R2 SP1或者SQL 2008从10.50.1600升级10.5.2500详细过程全程图解 此博文包含图片 (2012-05-02 20:33:05)转载▼ 标签: 10

转至:http://blog.sina.com.cn/s/blog_672b419f010157wo.html SQL 2008 R2升级R2 SP1或者SQL 2008从1...
  • mfkpie
  • mfkpie
  • 2017年05月16日 15:16
  • 650

Android中显示html标签或者带图片

Android中显示html文件要用Html.fromHtml(...)处理过的返回值,返回值可以成为setText()的参数。 只显示带文本的html可以用下面的方法处理html文件。 pu...
  • zhangsheXIN_
  • zhangsheXIN_
  • 2013年11月20日 16:58
  • 1058

Android中显示html标签或者带图片

Android中显示html文件要用Html.fromHtml(...)处理过的返回值,返回值可以成为setText()的参数。 只显示带文本的html可以用下面的方法处理html文件。 publ...
  • Yelbosh
  • Yelbosh
  • 2012年07月17日 16:47
  • 25852

Android中显示html标签或者带图片

Android中显示html文件要用Html.fromHtml(...)处理过的返回值,返回值可以成为setText()的参数。 只显示带文本的html可以用下面的方法处理html文件。 pu...
  • Buaaroid
  • Buaaroid
  • 2015年10月15日 10:44
  • 501
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:标签或者图片循环旋转
举报原因:
原因补充:

(最多只允许输入30个字)