Button by Gumpack
#212121
1.btn { 2 background-image: linear-gradient(45deg, #FF512F 0%, #F09819 51%, #FF512F 100%) 3} 4 5.btn { 6 margin: 10px; 7 padding: 15px 30px; 8 text-align: center; 9 text-transform: uppercase; 10 transition: 0.5s; 11 background-size: 200% auto; 12 color: white; 13 border-radius: 10px; 14 display: block; 15 border: 0px; 16 font-weight: 700; 17 box-shadow: 0px 0px 14px -7px #f09819; 18} 19 20.btn:hover { 21 background-position: right center; 22 /* change the direction of the change here */ 23 color: #fff; 24 text-decoration: none; 25} 26 27.btn:active { 28 transform: scale(0.95); 29}
2.5K views
2.5K views
MIT License