scrimba
Applied Visual Design
Use CSS Animation to Change the Hover State of a Button
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Use CSS Animation to Change the Hover State of a Button
AboutCommentsNotes
Use CSS Animation to Change the Hover State of a Button
Expand for more info
index.html
run
preview
console
<style>
button {
border-radius: 5px;
color: white;
background-color: #0F5897;
padding: 5px 10px 8px 10px;
}

button:hover {
animation-name: background-color;
animation-duration: 500ms;
}


</style>

<button>Register</button>
Console
index.html
-1:22