Html - 会动的云

时间：2016-03-26 23:43:56 收藏：0 阅读：1543
http://www.17sucai.com/download/9006.html

@-webkit-keyframes animate-cloud {
                from {
                    background-position: 600px 100%;
                }
                to {
                    background-position: 0 100%;
                }
            }
            
            @-moz-keyframes animate-cloud {
                from {
                    background-position: 600px 100%;
                }
                to {
                    background-position: 0 100%;
                }
            }
            
            @-ms-keyframes animate-cloud {
                from {
                    background-position: 600px 100%;
                }
                to {
                    background-position: 0 100%;
                }
            }
            
            @-o-keyframes animate-cloud {
                from {
                    background-position: 600px 100%;
                }
                to {
                    background-position: 0 100%;
                }
            }
            
            html {
                height: 100%;
            }
            
            body {
                background: url(../images/cloud.png) 0 bottom repeat-x #049ec4;
                -webkit-animation: animate-cloud 20s linear infinite;
                -moz-animation: animate-cloud 20s linear infinite;
                -ms-animation: animate-cloud 20s linear infinite;
                -o-animation: animate-cloud 20s linear infinite;
                animation: animate-cloud 20s linear infinite;
                width: 100%;
                height: auto;
            }
技术分享