码迷,mamicode.com
首页 > 其他好文 > 详细

iphone开机动画

时间:2016-06-17 16:54:15      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
body{
background: black; font:40px/200px ‘微软雅黑‘ ;text-align: center;
}
h1{display: inline-block; color: rgba(255,255,2555,0.3);background:-webkit-linear-gradient(-40deg,rgba(255,255,255,0) 100px,rgba(255,255,255,1) 180px,rgba(255,255,255,0) 240px,rgba(255,255,255,0) 300px) -300px 0 no-repeat; -webkit-background-clip: text}
</style>
</head>
<body>
<h1 > I think i’m tired</h1>
<script type="text/javascript">
var oH1=document.getElementsByTagName("h1")[0];
var timer=null;
var Lefter=-300;

function tomove(){
timer=setInterval(function () {

Lefter+=10;
if (Lefter==1000) {
Lefter=-300;
clearInterval(timer)
}
oH1.style.backgroundPosition=Lefter+‘px 0px‘
},20);
}
tomove();

</script>

</body>
</html>

iphone开机动画

标签:

原文地址:http://www.cnblogs.com/zk666/p/5594343.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!