Button by watchakorn-18k
#212121
1.btn-space { 2 padding: 15px 45px; 3 text-align: center; 4 text-transform: uppercase; 5 -webkit-transition: 0.5s; 6 transition: 0.5s; 7 background-size: 500% auto; 8 font-weight: bold; 9 font-size: 1rem; 10 color: rgba(255, 255, 255, 0.103); 11 border-radius: 10px; 12} 13 14.btn-space:hover { 15 background-position: right center; 16 border-image-source: linear-gradient(90deg, #d53a9d,#743ad5 ); 17 -webkit-box-shadow: 0 0 20px #743ad5; 18 box-shadow: 0 0 20px #743ad5; 19 color: rgb(255, 255, 255); 20 text-shadow: 1px 1px 10px #d53a9d; 21} 22 23.space { 24 background-image: -webkit-gradient(linear, left top, right top, from(#743ad5), color-stop(51%, #d53a9d), to(#743ad5)); 25 background-image: linear-gradient(to right, #743ad5 0%, #d53a9d 51%, #743ad5 100%); 26 border-image-source: linear-gradient(45deg, #743ad5, #d53a9d ); 27 border-image-outset: 1em; 28} 29 30 31 32
780 views
780 views
MIT License