245 views
1button { 2 font-weight: 700; 3 font-size: 17px; 4 width: 200px; 5 height: 60px; 6 border: none; 7 color: white; 8 background-image: linear-gradient( 9 to top left, 10 hsl(49.04, 100%, 57.06%) 0%, 11 hsl(49.04, 100%, 57.06%) 20%, 12 hsl(58.89, 45.92%, 53.77%) 20%, 13 hsl(58.89, 45.92%, 53.77%) 40%, 14 hsl(124.17, 16.44%, 57.06%) 40%, 15 hsl(124.17, 16.44%, 57.06%) 60%, 16 hsl(200.79, 47.04%, 47.21%) 60%, 17 hsl(200.79, 47.04%, 47.21%) 80%, 18 hsl(210, 100%, 43.92%) 80%, 19 hsl(210, 100%, 43.92%) 100% 20 ); 21 transition: 1s all; 22 box-shadow: 0 1px 15px 0 #797f7b; 23} 24 25button:hover { 26 transform: scale(1.1); 27 box-shadow: -2px 2px 10px #616562, 28 2px -2px 10px #717774; 29}
MIT License