Pull to refresh

Comments 2

А нельзя исользовать gif или svg, что бы было потом проще менять?
image
<svg xmlns="http://www.w3.org/2000/svg" width="575" height="6">
<style>
circle{animation:ball 2.5s cubic-bezier(0,1,1,0) infinite; fill:#bbb }
#balls{animation:balls 2.5s linear infinite}
#c2{animation-delay:.1s}
#c3{animation-delay:.2s}
#c4{animation-delay:.3s}
#c5{animation-delay:.4s}
@keyframes ball{0%,20%{transform:none}80%,to{transform:translateX(864px)}}
@keyframes balls{0%{transform:translateX(-40px)}to{transform:translateX(30px)}}
</style>
<g id="balls">
<circle cx="-115" cy="3" r="3"/>
<circle cx="-130" cy="3" r="3" id="c2"/>
<circle cx="-145" cy="3" r="3" id="c3"/>
<circle cx="-160" cy="3" r="3" id="c4"/>
<circle cx="-175" cy="3" r="3" id="c5"/>
</g></svg>
Sign up to leave a comment.

Articles