REZEBRA loader

by Petr Haluza

HTML

<svg viewBox="0 0 238 53" xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
			
<defs>
    <linearGradient id="red" x2="0%" y2="100%">
      <stop offset="0" stop-color="#ee0000ff"><animate dur="1s" attributeName="offset" fill="freeze" from="0" to="1" /></stop>
      <stop offset="0" stop-color="#eeeeeeaa"><animate dur="1s" attributeName="offset" fill="freeze" from="0" to="1" /></stop>
    </linearGradient>
		<linearGradient id="black" x2="0%" y2="100%">
      <stop offset="0" stop-color="#000000ff"><animate dur="1s" attributeName="offset" fill="freeze" from="0" to="1" /></stop>
      <stop offset="0" stop-color="#eeeeeeaa"><animate dur="1s" attributeName="offset" fill="freeze" from="0" to="1" /></stop>
    </linearGradient>
</defs>
	
	
<g>
<g class="logo-img">
<path  fill="url(#red)" d="M2.353,36.753c-0.025,-1.046 2.29,-4.307 3.56,-4.357c1.27,-0.05 4.033,5.377 5.178,5.228c1.146,-0.149 35.386,-37.384 35.386,-37.384c-0,-0 -32.025,45.525 -35.137,45.55c-3.112,0.025 -8.962,-7.992 -8.987,-9.037Z" />
</g>
<g class="logo-text1" fill="url(#black)">
<path  d="M55.177,23.271c-0.11,0.397 -0.165,0.673 -0.165,0.828c-0,0.353 0.099,0.53 0.298,0.53l7.486,-0c0.442,-0 0.911,-0.127 1.408,-0.381c0.497,-0.254 0.922,-0.635 1.275,-1.143l0.597,-1.524c0.066,-0.176 0.132,-0.381 0.198,-0.613c0.067,-0.231 0.1,-0.436 0.1,-0.612c-0,-0.376 -0.166,-0.563 -0.497,-0.563l-8.712,-0c-0.243,0.022 -0.464,0.171 -0.663,0.447c-0.198,0.276 -0.386,0.613 -0.563,1.01l-0.762,2.021Zm17.756,-9.176c0.618,-0 1.071,0.204 1.358,0.613c0.287,0.408 0.43,0.911 0.43,1.507c0,0.596 -0.132,1.226 -0.397,1.888l-2.584,6.758c-0.199,0.508 -0.546,1.049 -1.043,1.623c-0.497,0.574 -1.066,1.121 -1.706,1.64c-0.641,0.519 -1.325,0.971 -2.054,1.358c-0.729,0.386 -1.436,0.635 -2.12,0.745c0.707,1.126 1.43,2.181 2.17,3.164c0.739,0.982 1.463,2.004 2.169,3.064l-0.033,0.132c-0.088,0.155 -0.165,0.232 -0.232,0.232l-4.67,-0c-0.817,-0 -1.552,-0.259 -2.203,-0.778c-0.652,-0.519...

CSS

body {background: lightblue}