Button by vinodjangid07
#e8e8e8
1.palette-button { 2 background-color: #fff; 3 width: 170px; 4 height: 55px; 5 display: flex; 6 align-items: center; 7 justify-content: center; 8 gap: 10px; 9 font-size: 16px; 10 font-weight: 600; 11 border: none; 12 border-radius: 10px; 13 cursor: pointer; 14 box-shadow: 0px 0px 10px rgb(196, 196, 196); 15 transition: all 0.3s; 16} 17.palette { 18 width: 30px; 19 transition: all 0.3s; 20} 21.palette-button:hover .palette { 22 transform: rotate(-45deg); 23} 24.palette path { 25 fill: rgb(255, 163, 183); 26 stroke-width: 0; 27} 28.drop1 { 29 fill: rgb(115, 115, 255); 30 stroke-width: 0; 31} 32.drop2 { 33 fill: red; 34 stroke-width: 0; 35} 36.drop3 { 37 fill: yellow; 38 stroke-width: 0; 39} 40.drop4 { 41 fill: rgb(104, 255, 255); 42 stroke-width: 0; 43} 44.palette-button:hover { 45 transform: scale(1.05); 46 background-color: rgb(176, 115, 255); 47 color: white; 48} 49
307 views
307 views
MIT License