用用C3中的animation和transform写的一个模仿加载的时动画效果！ 不多说直接上代码; html标签部分 用C3中的animation和transform写的一个模仿加载的时动画效果 css部分 <br /> .demo{<br /> width:200px;height:30px;<br /> margin:100px auto;<br /> <br /> }<br /> .demo div{<br /> float:left;<br /> width:5px;<br /> height:30px;<br /> margin-left:5px;<br /> <br /> }<br /> @-webkit-keyframes fluctuation{<br /> 20%{<br /> transform:scaleY(0.5);<br /> }<br /> 0%,40%,70%,100%{<br /> transform: scaleY(1);<br /> }<br /> }<br /> <br /> .demo div:nth-of-type(1){<br /> background:red;<br /> animation: fluctuation 1s 0s ease-out infinite;<br /> }<br /> .demo div:nth-of-type(2){<br /> background:yellow;<br /> animation: fluctuation 1s 0.9s ease infinite;<br /> }<br /> .demo div:nth-of-type(3){<br /> background:blue;<br /> animation: fluctuation 1s 0.6s ease infinite;<br /> }<br /> .demo div:nth-of-type(4){<br /> background:green;<br /> animation: fluctuation 1s 0.4s ease infinite;<br /> }<br /> .demo div:nth-of-type(5){<br /> background:pink;<br /> animation: fluctuation 1s 0s ease infinite;<br /> }<br /> 希望对初学者有点帮助，第一次写博客如有错误或者更好的实现方法欢迎私信。
