Button by ArturCodeCraft
#212121
1/* <reset-style> ============================ */ 2button { 3 border: none; 4 background: none; 5 padding: 0; 6 margin: 0; 7 cursor: pointer; 8 font-family: inherit; 9} 10/* <main-style> ============================ */ 11.menu__icon { 12 width: 2rem; 13 height: 2rem; 14 padding: .25rem; 15 backdrop-filter: saturate(180%) blur(20px); 16 background-color: rgb(29, 29, 31, .7); 17 border: solid 1px rgba(66,66,69,0.7); 18} 19 20.menu__icon::before { 21 display: block; 22 content: "+"; 23 color: rgb(245, 245, 247); 24 font-size: 1.125rem; 25 font-weight: 400; 26 transition: transform .3s ease-out; 27 transform-origin: center; 28} 29 30.menu__icon:hover::before { 31 transform: rotate(45deg) scale(1.08); 32}
Β
559 views
559 views
MIT License