Loader by isfan4ik
#212121
1.body { 2 display: flex; 3 justify-content: center; 4 align-items: center; 5} 6 7.svg { 8 position: absolute; 9 width: 400px; 10 fill: none; 11} 12 13.svg:nth-child(2) { 14 filter: blur(40px); 15} 16 17.svg path { 18 d: path("M0,25 C150,110 150, -60 300,25"); 19 stroke: #ff0092; 20 stroke-width: 50; 21 stroke-linecap: round; 22 transform: translate(50px,50%); 23 animation: animate 2s ease-in-out infinite; 24} 25 26@keyframes animate { 27 0% { 28 stroke: greenyellow; 29 stroke: #ff0092; 30 d: path("M0,25 C150,110 150, -60 300,25"); 31 } 32 33 50% { 34 stroke: dodgerblue; 35 stroke: #00ff00; 36 d: path("M0,25 C160,-50 140, 110 300,25"); 37 } 38}
825 views
825 views
MIT License