2014年的圣诞节即将来临之季。小编给大家分享一款2014年圣诞节倒计时网页，当天的日期卡片有抖动的效果。一起看下效果图：
实现的代码。
html代码：
复制代码
<h1>
Merry Christmas</h1>
<ul>
<li>
<div class=”door”>
1</div>
</li>
<li>
<div class=”door”>
2</div>
</li>
<li>
<div class=”door”>
3</div>
</li>
<li>
<div class=”door”>
4</div>
</li>
<li>
<div class=”door”>
5</div>
</li>
<li>
<div class=”door”>
6</div>
</li>
<li>
<div class=”door”>
7</div>
</li>
<li>
<div class=”door”>
8</div>
</li>
<li>
<div class=”door”>
9</div>
</li>
<li>
<div class=”door”>
10</div>
</li>
<li>
<div class=”door”>
11</div>
</li>
<li>
<div class=”door”>
12</div>
</li>
<li>
<div class=”door”>
13</div>
</li>
<li>
<div class=”door”>
14</div>
</li>
<li>
<div class=”door”>
15</div>
</li>
<li>
<div class=”door”>
16</div>
</li>
<li>
<div class=”door”>
17</div>
</li>
<li>
<div class=”door”>
18</div>
</li>
<li>
<div class=”door”>
19</div>
</li>
<li>
<div class=”door”>
20</div>
</li>
<li>
<div class=”door”>
21</div>
</li>
<li>
<div class=”door”>
22</div>
</li>
<li>
<div class=”door”>
23</div>
</li>
<li>
<div class=”door”>
24</div>
</li>
<li>
<div class=”door”>
25</div>
</li>
</ul>
<p id=”message”>
</p>
css代码：
复制代码
body {
background: url(“xmas.jpg”);
color: #fff;
font-family: ‘Oleo Script’, cursive;
