HelloRuiLi
12/5/2014 - 8:06 AM

html5+css3 Animate

html5+css3 Animate

index.html
content_copyfile_download
<!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>