Button by Df12345677
#212121
1.button { 2 height: 60px; 3 width: 200px; 4 background-color: #132233; 5 border: 2px solid rgb(182, 128, 128); 6 color: #eee; 7 transition: .6s; 8 font-size: 15px; 9 border-radius: 50px; 10 display: flex; 11 justify-content: center; 12 align-items: center; 13 /* padding: 20px; */ 14 overflow: hidden; 15} 16 17.button span { 18 transform: translateX(10px); 19 transition: .5s; 20} 21 22.button svg { 23 transform: translateX(-300px); 24 transition: .6s; 25 z-index: 3; 26 height: 20px; 27} 28 29.button:hover { 30 width: 60px; 31 background-color: rgba(51, 34, 51, 0.815); 32 box-shadow: 20px 20px 96px #bebebe,-20px -20px 96px #ffffff; 33} 34 35.button:hover svg { 36 transform: translateX(-5px); 37} 38 39.button:hover span { 40 transform: translateY(70px); 41 font-size: .1rem; 42}
1.3K views
1.3K views
MIT License