今天來總結下好看的svg的loading
1:效果圖
代碼如下:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 14 32 18" fill="#2196F3" preserveAspectRatio="none">
<path opacity=".8" d="M2 14v4h4v-4z">
<animateTransform attributeName="transform" type="translate" values="0 0; 24 0; 0 0" dur="2s" begin="0"
repeatCount="indefinite" keySplines="0.2 0.2 0.4 0.8;0.2 0.2 0.4 0.8" calcMode="spline" />
</path>
<path opacity=".5" d="M0 14v4h8v-4z"&