100-project-100-days-website/100_projects/21-background-color-change/style.css
2023-03-14 17:22:55 +03:00
Ask

31 lines
594 B
CSS

{ab75cb3cdd550c0b562c5f898b8a1ff7710ee474 true 594 style.css 0xc001f3aaf0}

* {
box-sizing: border-box;
}
body {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
min-height: 100vh;
}
button {
background:rgba(0, 0, 0, 0.4);
backdrop-filter: blur(10px);
color: white;
padding: 1rem;
font-size: 1.2rem;
box-shadow:
5px 5px 6px rgba(0, 0, 0, 0.3),
-5px -5px 6px rgba(0, 0, 0, 0.3);
border-radius: 5px;
border: none;
transition: transform 0.1s linear;
cursor: pointer;
}
button:focus {
outline: none;
}
button:active {
box-shadow: 0;
transform: translate(2px, 2px);
}