Button by Gautammsharma
#212121
1.comic-btn { 2 display: inline-block; 3 padding: 1rem 2rem; 4 border-radius: 2rem; 5 border: none; 6 background-color: #ff7675; 7 color: #fff; 8 font-size: 1.5rem; 9 font-weight: bold; 10 text-transform: uppercase; 11 text-shadow: 2px 2px #000; 12 box-shadow: 6px 6px 0px #d63031; 13 cursor: pointer; 14 transition: all 0.3s ease; 15} 16 17.comic-btn:hover { 18 background-color: #fdcb6e; 19 box-shadow: 4px 4px 0px #e17055; 20 transform: translate(2px, 2px); 21} 22 23.comic-btn:active { 24 background-color: #e17055; 25 box-shadow: 0px 0px 0px #d63031; 26 transform: translate(6px, 6px); 27} 28
546 views
546 views
MIT License