A hover state (also called a rollover state) is the slight animation that is triggered when a user rolls their cursor over a link. This helps ensure that site visitors know what they can and cannot click on throughout the site. A hover state can be as simple as a button changing colour or as complex as design elements moving or fading in and out.

No matter how beautifully designed your website is, if it is difficult to access the content, your site is only as helpful as a hollow shell.