Button by vinodjangid07
#e8e8e8
1.button { 2 width: 50px; 3 height: 50px; 4 border-radius: 50%; 5 background-color: rgb(20, 20, 20); 6 border: none; 7 font-weight: 600; 8 display: flex; 9 flex-direction: column; 10 align-items: center; 11 justify-content: center; 12 box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.164); 13 cursor: pointer; 14 transition-duration: 0.3s; 15 overflow: hidden; 16 position: relative; 17 gap: 2px; 18} 19 20.svgIcon { 21 width: 12px; 22 transition-duration: 0.3s; 23} 24 25.svgIcon path { 26 fill: white; 27} 28 29.button:hover { 30 transition-duration: 0.3s; 31 background-color: rgb(255, 69, 69); 32 align-items: center; 33 gap: 0; 34} 35 36.bin-top { 37 transform-origin: bottom right; 38} 39.button:hover .bin-top { 40 transition-duration: 0.5s; 41 transform: rotate(160deg); 42} 43
1.1K views
Variation of abutton
MIT License