css3网页旋转，兼容各主流高版本浏览器

用户注册

投稿取消

文章分类:

还能输入300字

上传中....

热门文章更多>>

标签更多>>

电脑用的科学上网软件破解软件下载网站 app软件开发教程苹果手机pdf转excel软件 word回车符删不掉 wordx1 word中插入图片 winformword预览 ubuntu安装wordnet word怎么画实心箭头 wordpresschianz wince5.0模拟器 0基础学编程软件测试要掌握什么远程控制软件哪个好

专题更多>>

最新文章更多>>

机智的男票灬

css3网页旋转，兼容各主流高版本浏览器

<!doctype html>
<html>
<head>
<style>
div {
  width: 400px;
  height:300px;
  background-color: #0080ff;
  font-size:3em;
  line-height:300px;
  text-align: center;
  color: #fff;
  -webkit-animation-name: rotate;
  -webkit-animation-duration:2s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-timing-function:linear;
  -ms-animation-name: rotate;
  -ms-animation-duration:2s;
  -ms-animation-iteration-count:1;
  -ms-animation-timing-function:linear;
  -moz-animation-name: rotate;
  -moz-animation-duration:2s;
  -moz-animation-iteration-count:1;
  -moz-animation-timing-function:linear;
}
@-webkit-keyframes rotate {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
} 
@-ms-keyframes rotate {
  from {-ms-transform: rotate(0deg);}
  to {-ms-transform: rotate(360deg);}
}
@-moz-keyframes rotate {
  from {-moz-transform: rotate(0deg);}
  to {-moz-transform: rotate(360deg);}
}
</style>
</head>
<body>
  <div>Hello, HTML5!</div>
</body>
</html>