#212121
1.button { 2 width: 110px; 3 height: 40px; 4 display: flex; 5 align-items: center; 6 justify-content: flex-start; 7 gap: 10px; 8 background-color: rgb(161, 255, 20); 9 border-radius: 30px; 10 color: rgb(19, 19, 19); 11 font-weight: 600; 12 border: none; 13 position: relative; 14 cursor: pointer; 15 transition-duration: .2s; 16 box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.116); 17 padding-left: 8px; 18 transition-duration: .5s; 19} 20 21.svgIcon { 22 height: 25px; 23 transition-duration: 1.5s; 24} 25 26.bell path { 27 fill: rgb(19, 19, 19); 28} 29 30.button:hover { 31 background-color: rgb(192, 255, 20); 32 transition-duration: .5s; 33} 34 35.button:active { 36 transform: scale(0.97); 37 transition-duration: .2s; 38} 39 40.button:hover .svgIcon { 41 transform: rotate(250deg); 42 transition-duration: 1.5s; 43} 44 45
4.1K views
4.1K views
Comments
MIT License