#e8e8e8
1.my-button { 2 display: inline-block; 3 padding: 10px 20px; 4 font-size: 16px; 5 font-weight: bold; 6 text-align: center; 7 text-decoration: none; 8 color: white; 9 background-color: #4158D0; 10 background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); 11 transition: 0.2s ease-in-out; 12 border: none; 13 border-radius: 4px; 14 cursor: pointer; 15 box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px; 16} 17 18.my-button:hover { 19 box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; 20} 21 22.my-button:active { 23 background-color: #00DBDE; 24 background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); 25} 26
274 views
274 views
Comments
MIT License