css 让背景图片不停旋转
2018-07-28 23:17
267 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .logo { text-align: center; margin-top: 100px; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .Rotation { -webkit-transform: rotate(360deg); animation: rotation 8s linear infinite; -moz-animation: rotation 8s linear infinite; -webkit-animation: rotation 8s linear infinite; -o-animation: rotation 8s linear infinite; } .img { border-radius: 200px; } </style> </head> <body> <div class="logo"> <img class="Rotation img" src="http://cdn.jingqueyun.com/turntable/image/theme/theme2/turntable-outer-bg2.png" width="128" height="128"/> </div> </body> </html>
相关文章推荐
- css使背景图片旋转
- CSS设置背景——图片背景
- (转)background-position—CSS设置背景图片的位置
- 【DIV+CSS】DIV背景图片水平垂直居中
- 利用Dreamweaver自身功能,快速准确测绘图片上的元素坐标位置,并快速用到CSS背景坐标设置当中去
- css背景图片居中的方法
- CSS图片3D旋转效果
- html+CSS让背景图片充满整个屏幕
- div+css 背景图片的定位取图问题详解
- CSS中背景图片定位
- 页面背景 跟ps软件png图片背景的样式css
- 用css控制背景图片的位置,大小
- CSS HTML实现背景图片的填充
- html/css背景图片自适应分辨率大小
- CSS读取图片坐标实现图片背景
- Css背景图片知识总结
- css背景图片
- 网站CSS背景图片抓取工具
- 解决CSS背景图片闪动和重复加载的IE6BUG
- CSS实现背景图片不规则的导航菜单