Button by vinodjangid07
#e8e8e8
1.Explore-Button { 2 width: fit-content; 3 height: 45px; 4 display: flex; 5 align-items: center; 6 justify-content: center; 7 padding: 5px 15px; 8 gap: 10px; 9 border: none; 10 border-radius: 5px; 11 cursor: pointer; 12 13 background: linear-gradient(120deg, rgb(65, 43, 95), rgb(96, 51, 154)); 14} 15.IconContainer { 16 display: flex; 17 flex-direction: column; 18 align-items: center; 19 justify-content: center; 20 width: 25px; 21 height: 25px; 22} 23.telescope { 24 width: 100%; 25 height: auto; 26 transform-origin: center; 27 transition: all 1s; 28 transform: rotate(20deg); 29} 30.tripod { 31 width: 60%; 32 height: auto; 33} 34.text { 35 color: rgb(240, 240, 240); 36 font-weight: 500; 37 font-size: 16px; 38 letter-spacing: 1px; 39} 40.Explore-Button:hover .telescope { 41 transform: rotate(-35deg); 42} 43
409 views
409 views
MIT License