Button by escannord
This button was created for Button Mastery
#e8e8e8
1.button { 2 cursor: pointer; 3 display: inline-block; 4 width: 14rem; 5 height: 4rem; 6 border: solid 2px; 7 background: linear-gradient(to right, #ff00ffb0, #ff9900a1, #ff00ff9f), 8 radial-gradient(rgb(255, 255, 255), rgb(255, 0, 0)); 9 border-radius: 20px; 10 font-weight: 800; 11 position: relative; 12 border-image: linear-gradient(to right, #5e005e, #804d00, #eb1beb); 13 border-image-slice: 50; 14} 15 16.button::before { 17 content: ""; 18 display: inline-block; 19 position: absolute; 20 width: 90%; 21 height: 70%; 22 border: 1px solid rgba(255, 255, 255, 0.384); 23 top: 50%; 24 left: 50%; 25 transform: translate(-50%, -50%); 26 border-radius: 8px; 27 box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.575), 28 inset 0px 0px 0px 0px rgba(255, 255, 255, 0.575); 29} 30
46 views
46 views
MIT License