Button by JesusRafaelNavaCruz
#212121
1.content { 2 position: relative; 3} 4 5.content .text { 6 color: #fff; 7 font-size: 3rem; 8 position: absolute; 9 transform: translate(-50%, -50%); 10} 11 12.content .text:nth-child(1) { 13 color: transparent; 14 -webkit-text-stroke: 2px #8338ec; 15} 16 17.content .text:nth-child(2) { 18 color: #c19bf5; 19 animation: animate 4s ease-in-out infinite; 20} 21 22@keyframes animate { 23 0%, 24 100% { 25 clip-path: polygon( 26 0% 45%, 27 16% 44%, 28 33% 50%, 29 54% 60%, 30 70% 61%, 31 84% 59%, 32 100% 52%, 33 100% 100%, 34 0% 100% 35 ); 36 } 37 38 50% { 39 clip-path: polygon( 40 0% 60%, 41 15% 65%, 42 34% 66%, 43 51% 62%, 44 67% 50%, 45 84% 45%, 46 100% 46%, 47 100% 100%, 48 0% 100% 49 ); 50 } 51}
650 views
650 views
MIT License