数据载入中,请稍后......
 
展开
懒人码库客户端 点击或扫描下载
欢迎来到懒人码库!懒人码库QQ群:19651313
欢迎来到懒人码库!懒人码库QQ群:19651313  
当前位置:懒人码库 > HTML教程 > CSS

css animation让图标不断旋转

2017-01-16 15:00 来源:www.lanrenmaku.com / 作者:懒人 已被阅读:次 分类:CSS 上一篇:animate.css – 齐全的CSS3动画库 下一篇:CSS实现文字随屏幕变化

css animation让图标不断旋转

  1. @keyframes rotating{ 
  2. from{transform:rotate(0);} 
  3. to{transform:rotate(360deg);} 
  4. @keyframes rotating2
  5. from{transform:rotate(0);} 
  6. to{transform:rotate(-360deg);} 
  7. .rotat1{animation:rotating 1.2s linear infinite;} 
  8. .rotat2{animation:rotating2 1.2s linear infinite;} 


 

小贴士:懒人码库 为网页前端人员提供建站常用的广告代码和网页特效,内容涵盖焦点图,导航菜单,jQuery代码,图片特效,对联广告,日历控件,在线客服等。