419 views
CSSAdd prefixes
1button { 2 font-size: 17px; 3 color: white; 4 background-color: transparent; 5 height: 45px; 6 width: 100px; 7 border: 2.5px solid; 8 transition: 0.3s all; 9 background-image: linear-gradient(45deg,purple,red,orange,red,purple); 10 background-size: 500% 200%; 11 background-position: 25% 50%; 12 font-family: inherit; 13 font-weight: 500; 14} 15 16button:hover { 17 box-shadow: none; 18 background-color: rgb(92, 92, 92); 19 animation: rainbow 1s 1; 20 transform: scale(1.13); 21 border-radius: 30px; 22 background-position: 70% 50%; 23} 24 25button:active { 26 transform: scale(1.2); 27}
HTML
1<button> Button 2</button>