odin-default-css-exercises/animation/01-button-hover/solution/solution.css

30 lines
455 B
CSS

#transition-container {
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-family: Arial, sans-serif;
}
button {
border-radius: 8px;
border: none;
background-color: #2563eb;
color: white;
font-size: 18px;
padding: 16px 24px;
text-align: center;
}
/* SOLUTION */
button {
transition: transform .3s ease-in-out;
}
button:hover {
transform: scale(1.2)
}