833 views
1.button1 { 2 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 3 font-size: 16px; 4 font-weight: 400; 5 height: 45px; 6 width: 85px; 7 border: 0px solid; 8 background-image: linear-gradient(45deg,blue,#00f0a0,blue); 9 background-size: 500% 400%; 10 color: white; 11 border-radius: 50px; 12 transition: 0.6s all; 13} 14 15.button1:hover { 16 background-position: 75% 50%; 17 transform: perspective(100px) 18} 19 20.button1:active { 21 transform: scale(0.95); 22 transition: 0.1s; 23}
MIT License