This page was last edited 6 months ago, and may be abandonedCategory:Pages needing attention This page has not been edited since 11 December 2024, but other pages in this book might have been. Check out related changes to see what the state of this book is. You can help by editing and updating this book. Remove {{under construction}} from this page if it is not being actively edited. Ask for help at WB:PROJECTS.

Elements can be made interactive by using hover effects, transitions and animations.

Hover effects

Elements can have a different effect (i.e. changing background, size, applying shadows).

#css-button1 {
    background: #6c9;
}
#css-button1:hover {
    background: #4a7;
}

#css-button2 {
    transform: scale(1);
}
#css-button2:hover {
    transform: scale(1.2);
}