html5+css3 Animate
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes" /><!--删除默认的苹果工具栏和导航栏-->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<title>引导页</title>
<link href="css/reset.css" rel="stylesheet">
<link href="css/guide.css" rel="stylesheet">
</head>
<body>
<div class="guide">
<div class="bg-warp"></div>
<div class="clouds">
<img src="img/img-cloud-l.png" class="clouds-l">
<img src="img/img-cloud-m.png" class="clouds-m">
<img src="img/img-cloud-s.png" class="clouds-s">
</div>
<div class="content">
<div class="person clearfix">
<!--<img class="person-left" src="img/img-person-left.png">-->
<!--<img class="person-right" src="img/img-person-right.png">-->
<span class="person-left"></span>
<span class="person-right"></span>
</div>
<img src="img/img-font.png" class="font-img"/>
<div class="switch clearfix">
<span class="dot current"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
</div>
</div>
</body>
</html>