JSFiddle - React, Tailwind, and code Playground

by Vladimir Kutepov

HTML

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="500" viewBox="0 0 1200 500"> <style>.home-path-5{animation: dash 1.2s linear forwards; transform-origin: 68% 49.5%;}@keyframes dash{0%{transform: translateY(0px);}25%{transform: translateY(80px);}50%{transform: translateX(-10px) translateY(35px);transform-origin: 60% 55%;}55%{transform: translateX(-50px) translateY(30px); transform-origin: 50% 53%;}60%{transform: translateX(-100px) translateY(25px); transform-origin: 50% 50%;}65%{transform: translateX(-150px) translateY(20px); transform-origin: 50% 45%;}70%{transform: translateX(-200px) translateY(15px); transform-origin: 50% 40%;}75%{transform: translateX(-250px) translateY(10px) rotate(-8deg); transform-origin: 50% 25%;}80%{transform: translateX(-280px) translateY(5px) rotate(-11deg); transform-origin: 50% 25%;}85%{transform: translateX(-300px) translateY(5px) rotate(-14deg); transform-origin: 50% 25%;}90%{transform: translateX(-305px) translateY(-6px) rotate(-16deg); transform-origin: 51% 23%;}100%{transform: translateX(-324px) translateY(0px) rotate(-17deg) scaleY(0.85); transform-origin: 50% 26%;}}.home-path-4{animation: dash4 1.2s linear forwards; transform-origin: 68% 49.5%;}@keyframes dash4{0%{transform: translateY(0px);}25%{transform: translateY(80px);}50%{transform: translateX(-10px) translateY(35px);transform-origin: 60% 55%;}55%{transform: translateX(-50px) translateY(30px); transform-origin: 50% 53%;}60%{transform: translateX(-100px) translateY(25px); transform-origin: 50% 50%;}65%{transform: translateX(-150px) translateY(20px); transform-origin: 50% 45%;}70%{transform: translateX(-200px) translateY(15px); transform-origin: 50% 40%;}75%{transform: translateX(-250px) translateY(10px) rotate(8deg); transform-origin: 50% 23%;}80%{transform: translateX(-280px) translateY(5px) rotate(11deg); transform-origin: 51% 23%;}85%{transform: translateX(-300px) translateY(5px) rotate(14deg); transform-origin: 51% 23%;}90%{transform: translateX(-300px)...