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

30 lines
455 B
CSS
Raw Normal View History

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