Hiệu ứng tuyết rơi CSS3 cho Blogger

Demo :

+ Hướng dẫn :

Vào chỉnh sửa HTML chèn vào dưới thẻ </body> code này :

<style type='text/css'>.snow-container { position: fixed; height: 100%; width: 100%; max-width: 100%; top: 0; overflow: hidden; z-index: 2; pointer-events: none;
}

.snow { display: block; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-animation: snow linear infinite; animation: snow linear infinite;}.snow.foreground { background-image: url(&quot;http://2.bp.blogspot.com/-09ajhgkmaxQ/VJZTELfgEiI/AAAAAAAABp8/LSwrfv1psWg/s1600/snow-large.png&quot;); -webkit-animation-duration: 15s; animation-duration: 15s;}.snow.foreground.layered { -webkit-animation-delay: 7.5s; animation-delay: 7.5s;}.snow.middleground { background-image: url(&quot;http://1.bp.blogspot.com/-m4fKkOonqt4/VJZTEAfN-7I/AAAAAAAABqI/XG-4N1tBwvs/s1600/snow-medium.png&quot;); -webkit-animation-duration: 20s; animation-duration: 20s;}.snow.middleground.layered { -webkit-animation-delay: 10s; animation-delay: 10s;}.snow.background { background-image: url(&quot;http://3.bp.blogspot.com/-lGvtldZa6to/VJZTELOD4bI/AAAAAAAABqA/qai1a7_LNHI/s1600/snow-small.png&quot;); -webkit-animation-duration: 25s; animation-duration: 25s;}.snow.background.layered { -webkit-animation-delay: 12.5s; animation-delay: 12.5s;}

@-webkit-keyframes snow { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { -webkit-transform: translate3d(5%, 100%, 0); transform: translate3d(5%, 100%, 0); }}

@keyframes snow { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { -webkit-transform: translate3d(5%, 100%, 0); transform: translate3d(5%, 100%, 0); }}</style><div class='snow-container'><div class='snow foreground'/><div class='snow foreground layered'/><div class='snow middleground'/><div class='snow middleground layered'/><div class='snow background'/><div class='snow background layered'/></div>

Theo : Đồng Việt Blog