天空飘彩带的css3代码_css3云朵飘动效果动画_html/css_WEB-ITnose

先贴代码：

css部分：

@-webkit-keyframes fadeIn {

0% {

opacity: 0.2;width:100%; /*初始状态 透明度为0.2大小为100%*/

}

10%{

opacity: 0.3;width:105%; /*补间动画10% 透明度0.3 大小105%*/

}

20%{

opacity: 0.4;width:110%;

}

30% {

opacity: 0.5;width:115%;

}

40%{

opacity: 0.6;width:125%;

}

50%{

opacity: 0.7;width:130%;

}

60%{

opacity: 0.8;width:135%;

}

70%{

opacity: 0.7;width:140%;

}

80%{

opacity: 0.6;width:145%;

}

90%{

opacity: 0.4;width:150%;

}

100% {

opacity: 0.3;width:155%; /*结尾状态 透明度为0.3,大小放大为155%*/

}

}

.sae{

-webkit-animation-na