Cascading Style Sheets/Interactivity
 |
This page was last edited on 11 December 2024, and is still under heavy construction. Content that is added is likely to be moved/deleted/edited significantly in a short amount of time. All Wikibookians with knowledge in this subject are welcome to help out. You can remove this tag when the book has become more mature. |
Elements can be made interactive by using hover effects, transitions and animations.
Hover effects
[edit | edit source]Elements can have a different effect (i.e. changing background, size, applying shadows).
Examples
[edit | edit source]Changing colors
[edit | edit source]#css-button1 {
background: #6c9;
}
#css-button1:hover {
background: #4a7;
}
Changing size
[edit | edit source]#css-button2 {
transform: scale(1);
}
#css-button2:hover {
transform: scale(1.2);
}