HTML
<svg viewBox="0 0 21 78">
<path class="months" fill="#6c6184" d="m3 3 0 5 1 0 0-2 1 0 0-3zm4 0v5h1v-5zm3 1v1h1v-1zm0 2v2h1v-2zm5-3 1 2v-2zm0 3v2h1zm-10 4v1h1v1h-1v2h3v-4zm5 0v1h1v1h-1v1h3v-3zm5 0v1h1v-1zm0 2v1h1v-1zm2-.5 1 1.5v-3zm-12.5 3.5 1 1 1-1zm0 2v3h2v-3l-1 1zm5.5-1v1h1v-1zm0 2v2h1v-2zm5-2v1h1v-1zm0 2v2h1zm2 0 1 2v-2zm-12 4v1h1v-1zm0 2v2h1v-2zm5-2v1h1v-1zm0 2v2h3v-2zm0 0v2h3v-2zm5-2v1h1v-1zm0 2v2h1zm2 0 1 2v-2zm-12.5 3 1 1 1-1zm0 2v3h2v-3l-1 1zm5.5-1v1h1v-1zm0 0v1h1v-1zm0 2v2h1v-2zm3-2v4h1.75v-2zm2-1v1l.5.5.5-.5v-1zm1.25 3v2h1.75v-4zm-13.25 3v5h1v-2h1v-3zm4 0v5h1v-5zm3 0v3h1v-3zm0 0v3h1v-3zm5 0 1 2v-2zm0 3v2h1zm-12 3v5h1v-2h1v-3zm4 0v5h1v-5zm3 0v3h1v-3zm5 0v3h3v-3zm-10 7v1h1v-1zm0 2v2h1v-2zm5-3v3h1v-3zm4.5 1v3h2v-1h-1v-1h2v-1zm-9.5 6v1h3v-1zm-2 2v1h3v-1zm7-2v1h1v1h-1v1h3v-3zm5 0v1h1v-1zm0 2v2h3v-2zm-10 4.5v2h1v-2zm5 0v2h3v-2zm3 0v4h1.5v-4zm3.5 0v4h1.5v-4zm-11.5 4.5 1 2v-2zm0 3v2h1zm5-2v3h1v-3zm3 2v2h2zm2-3v2.5l.5.5.5-.5v-2.5zm1 5h2v-2zm-11 3v1h1v-1zm1-2 2 2v-2zm0 5h2v-2zm4-4v1h1v1h-1v1h3v-3zm5 .5v2h3v-2z" />
<g class="decoder" transform="translate(0 66)" stroke-width="1">
<rect x="3" y="2.5" height="6" width="15" fill="none" stroke="#6c6184" stroke-width="1.1" />
<rect x="3" y="2.5" height="6" width="5" fill="none" stroke="#6c6184" />
<rect x="8" y="2.5" height="6" width="5" fill="none" stroke="#6c6184" />
<rect x="13" y="2.5" height="6" width="5" fill="none" stroke="#6c6184" />
<animateTransform attributeName="transform" attributeType="XML" type="translate" values="0 0; 0 0; 0 6; 0 6; 0 12; 0 12; 0 18; 0 18; 0 24; 0 24; 0 30; 0 30; 0 36; 0 36; 0 42; 0 42; 0 48; 0 48; 0 54; 0 54; 0 60; 0 60; 0 66; 0 66" keyTimes="0; 0.083; 0.093; 0.166; 0.176; 0.25; 0.26; 0.33; 0.34; 0.416; 0.426; 0.5; 0.51; 0.583; 0.593; 0.666; 0.676; 0.75; 0.76; 0.833; 0.843; 0.916; 0.926; 1" dur="10s" begin="0s" repeatCount="indefinite" />
</g>
</svg>
CSS
body {
background: rgb(32, 32, 36);
}
svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
max-height: 99vh;
}
Right's Under
Tanishq sahu
Founder & CEO
(High tech 7)
0 Comments