Button by Showbizfleet
#e8e8e8
1button { 2 height: 50px; 3 margin: 5px; 4 width: 120px; 5 font-family: 'Montserrat', sans-serif; 6 font-weight: 600; 7 font-size: 16px; 8 color: #fff; 9 border: none; 10 border-radius: 5px; 11 background: linear-gradient(145deg, #9c27b0, #f44336, #ff9800, #ffc107, #8bc34a, #4caf50, #2196f3, #03a9f4, #00bcd4, #009688); 12 background-size: 200%; 13 background-position: 0%; 14 box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25), inset 0px -1px 0px rgba(255, 255, 255, 0.2); 15 transition: all 0.3s ease-in-out; 16} 17 18button:hover { 19 background-position: 100%; 20 box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25), inset 0px -2px 0px rgba(255, 255, 255, 0.2); 21} 22 23button:focus { 24 outline: none; 25} 26 27button:active { 28 background-size: 100%; 29 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25), inset 0px -1px 0px rgba(255, 255, 255, 0.2); 30} 31
329 views
329 views
MIT License