Button by vinodjangid07
#e8e8e8
1.bin-button { 2 display: flex; 3 flex-direction: column; 4 align-items: center; 5 justify-content: center; 6 width: 55px; 7 height: 55px; 8 border-radius: 15px; 9 background-color: rgb(255, 95, 95); 10 cursor: pointer; 11 border: 3px solid rgb(255, 201, 201); 12 transition-duration: 0.3s; 13} 14.bin-bottom { 15 width: 15px; 16} 17.bin-top { 18 width: 17px; 19 transform-origin: right; 20 transition-duration: 0.3s; 21} 22.bin-button:hover .bin-top { 23 transform: rotate(45deg); 24} 25.bin-button:hover { 26 background-color: rgb(255, 0, 0); 27} 28.bin-button:active { 29 transform: scale(0.9); 30} 31
1.1K views
1.1K views
Variations
1 MIT License