html5 云朵飘动效果,CSS3如何实现飘动的云朵动画 CSS3实现飘动的云朵动画代码

css3如何实现飘动的云朵动画？本篇文章小编给大家分享一下CSS3实现飘动的云朵动画代码，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

运行效果

html

CSS3 Cloud Animations By Montana Flynn

css

html, body {

margin: 0;

height: 100%

}

.sky {

height: 480px;

background: #007fd5;

position: relative;

overflow: hidden;

-webkit-animation: sky_background 50s ease-out infinite;

-moz-animation: sky_background 50s ease-out infinite;

-o-animation: sky_background 50s ease-out infinite;

-webkit-transform: translate3d(0, 0, 0);

-moz-transform: translate3d(0, 0, 0);

-o-transform: translate3d(0, 0, 0)

}

.moon {

<