现有项目的CSS动画？

Question

我为我的网站（未公开）制作了一个涉及CSS3动画的主题。落雪了。它真可爱。但是我希望它出现在我现有的项目上。我试过玩z-index然而这看起来不行。该页面暂时托管在：http://briandempsey.org.uk/mbxt/index.html

上

我不确定是否可以这样做，但我认为（可能是错误的）

TL; DR：需要在文本和其他项目上显示雪。怎么样？

Answer 1

见这里：http://jsfiddle.net/YzSS9/

HTML :(添加新元素）

<div id="happy-xmas"> 
  <h1>Merry Christmas from everyone at</h1> 
</div>
<div id="flakes"></div>

你的旧body定义现在将是片状，减去背景颜色和相关动画，它们留在身体上：

body{
    background-color: #6b92b9; 
    animation:bg 20s linear infinite;
}

@keyframes bg{
    from,to{background-color:#6b92b9;}
    50% {background-color:#b4cfe0;}
}

#flakes{
    height:100%;
    width:100%;
    top:0;
    position:absolute;
    ...
}