<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>程序员编程写代码CSS3动画 - 【更多源码：www.96flw.com】</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<div class="window">
<div class="cloud" id="first-cloud"></div>
<div class="cloud" id="second-cloud"></div>
</div>
<div class="small-monitor">
<div class="bar">
<div class="button" id="red"></div>
<div class="button" id="yellow"></div>
<div class="button" id="green"></div>
</div>
<div class="screen">
<ul class="code">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li class="inline-code" id="line-1"></li>
<li class="inline-code" id="line-2"></li>
<li class="inline-code" id="line-3"></li>
<li class="inline-code" id="line-4"></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="main-monitor">
<div class="bar">
<div class="button" id="red"></div>
<div class="button" id="yellow"></div>
<div class="button" id="green"></div>
</div>
<div class="screen">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="avatar">
<div class="avatar-neck"></div>
<div class="avatar-collar"></div>
<div class="avatar-body"></div>
<div class="avatar-head"></div>
<div class="avatar-hairband"></div>
<div class="avatar-hair"></div>
</div>
</div>
</body>
</html>
