Button by Boosterrohit
#212121
1.box { 2 position: relative; 3 width: 120px; 4 height: 45px; 5 overflow: hidden; 6 border: none; 7 background-color: rgb(218, 203, 177); 8 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 9 border-top-left-radius: 20px; 10 cursor: pointer; 11 border-bottom-right-radius: 20px; 12 box-shadow: 0 0 10px rgb(104, 134, 218); 13} 14 15.box::before { 16 content: ""; 17 position: absolute; 18 width: 15px; 19 height: 200px; 20 margin-top: -92px; 21 background: linear-gradient(#00ccff,#d400d4); 22 animation: amm 4s linear infinite; 23} 24 25@keyframes amm { 26 0% { 27 transform: rotate(0deg); 28 } 29 30 100% { 31 transform: rotate(360deg); 32 } 33} 34 35.text-button { 36 position: relative; 37 font-size: 1.2rem; 38 font-weight: bold; 39 z-index: 1; 40} 41 42.box::after { 43 content: ""; 44 position: absolute; 45 inset: 4px; 46 background-color: rgb(218, 203, 177); 47 border-top-left-radius: 20px; 48 border-bottom-right-radius: 20px; 49}
1.1K views
1.1K views
MIT License