body,html{width:100%;height:100%}body{display:flex;align-items:center;justify-content:center}svg{overflow:visible;width:100px;height:150px}svg g{animation:slide 2s linear infinite}svg g:nth-child(2){animation-delay:.5s}svg g:nth-child(2) path{animation-delay:.5s;stroke-dasharray:0 158px;stroke-dashoffset:1px}svg path{stroke:url(#gradient);stroke-width:20px;stroke-linecap:round;fill:none;stroke-dasharray:0 157px;stroke-dashoffset:0;animation:escalade 2s cubic-bezier(.8,0,.2,1) infinite}@keyframes slide{0%{transform:translateY(-50px)}to{transform:translateY(50px)}}@keyframes escalade{0%{stroke-dasharray:0 157px;stroke-dashoffset:0}50%{stroke-dasharray:157px 157px;stroke-dashoffset:0}to{stroke-dasharray:157px 157px;stroke-dashoffset:-156px}}