Hover States
Browse our growing archive of web design inspiration which we have been curating since 2012. We look out for websites that are experimenting with design, interactivity and content in new and interesting ways.
āĻ¸ā§āĻā§āĻ°
50
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°āĻāĻžāĻ°ā§āĻ° āĻ°ā§āĻāĻŋāĻ
1.0
āĻŦāĻŋāĻ¨āĻžāĻŽā§āĻ˛ā§āĻ¯ā§/āĻā§āĻ°āĻžāĻ¯āĻŧāĻžāĻ˛ āĻ¸āĻšāĻžāĻ¯āĻŧāĻ¤āĻž
āĻ¸āĻŽāĻ°ā§āĻĨāĻŋāĻ¤
āĻļā§āĻ°ā§āĻ° āĻŽā§āĻ˛ā§āĻ¯
--
āĻ¸āĻ°ā§āĻŦāĻļā§āĻˇ āĻāĻĒāĻĄā§āĻ
āĻāĻāĻ¸ā§āĻ 04, 2026
āĻ¸āĻāĻā§āĻˇāĻŋāĻĒā§āĻ¤āĻ¸āĻžāĻ°
Hover States āĻā§?
Hover States āĻšāĻ˛ āĻ¸ā§āĻāĻ¨āĻļā§āĻ˛ āĻāĻ¯āĻŧā§āĻŦāĻ¸āĻžāĻāĻ āĻĄāĻŋāĻāĻžāĻāĻ¨ā§āĻ° āĻāĻāĻāĻŋ āĻ¸āĻāĻā§āĻ°āĻš, āĻ¯ā§āĻāĻžāĻ¨ā§ āĻāĻ¨ā§āĻ¨āĻ¤ CSS āĻāĻŦāĻ āĻ ā§āĻ¯āĻžāĻ¨āĻŋāĻŽā§āĻļāĻ¨ āĻā§āĻļāĻ˛āĻā§āĻ˛āĻŋāĻ° āĻ¸āĻžāĻĨā§ āĻĒā§āĻ°ā§āĻāĻĢā§āĻ˛āĻŋāĻ āĻāĻŦāĻ āĻāĻ¨ā§āĻāĻžāĻ°ā§āĻā§āĻāĻŋāĻ āĻ āĻāĻŋāĻā§āĻāĻ¤āĻž āĻ°āĻ¯āĻŧā§āĻā§ā§ˇ
Hover States āĻā§ āĻāĻžāĻā§ āĻŦā§āĻ¯āĻŦāĻšā§āĻ¤ āĻšāĻ¯āĻŧ?
āĻā§āĻ¯āĻžāĻ
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°āĻāĻžāĻ°ā§ āĻā§āĻ°ā§āĻĒ
āĻļā§āĻ°ā§āĻˇ āĻŦā§āĻļāĻŋāĻˇā§āĻā§āĻ¯
- āĻāĻ¨ā§āĻāĻžāĻ°ā§āĻā§āĻāĻŋāĻ āĻĄāĻŋāĻāĻžāĻāĻ¨ āĻļā§āĻā§āĻ¸
- āĻāĻžāĻāĻĒā§āĻā§āĻ°āĻžāĻĢāĻŋ āĻāĻŦāĻ āĻ ā§āĻ¯āĻžāĻ¨āĻŋāĻŽā§āĻļāĻ¨ āĻšāĻžāĻāĻ˛āĻžāĻāĻ
- āĻĒā§āĻ°ā§āĻāĻĢā§āĻ˛āĻŋāĻ āĻāĻĻāĻžāĻšāĻ°āĻŖ
- āĻ¸ā§āĻāĻ¨āĻļā§āĻ˛ āĻ¨ā§āĻāĻŋāĻā§āĻļāĻ¨ āĻā§āĻļāĻ˛
Hover States āĻā§āĻāĻžāĻŦā§ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°āĻŦā§āĻ¨?
āĻĄāĻŋāĻāĻžāĻāĻ¨ā§āĻ° āĻāĻĻāĻžāĻšāĻ°āĻŖāĻā§āĻ˛āĻŋ āĻ āĻ¨ā§āĻŦā§āĻˇāĻŖ āĻāĻ°āĻ¤ā§, āĻāĻĒāĻ¨āĻžāĻ° āĻ¨āĻŋāĻāĻ¸ā§āĻŦ āĻĒā§āĻ°āĻāĻ˛ā§āĻĒ āĻāĻŽāĻž āĻĻāĻŋāĻ¤ā§ āĻāĻŦāĻ āĻāĻ¯āĻŧā§āĻŦ āĻŦāĻŋāĻāĻžāĻļ āĻāĻŦāĻ āĻ¸ā§āĻāĻ¨āĻļā§āĻ˛ āĻ¨ā§āĻāĻŋāĻā§āĻļāĻ¨ā§āĻ° āĻāĻ¨ā§āĻ¯ āĻ āĻ¨ā§āĻĒā§āĻ°ā§āĻ°āĻŖāĻž āĻĒā§āĻ¤ā§ āĻ¸āĻāĻ°āĻā§āĻˇāĻŖāĻžāĻāĻžāĻ°āĻāĻŋ āĻŦā§āĻ°āĻžāĻāĻ āĻāĻ°ā§āĻ¨ā§ˇ
āĻŦāĻŋāĻāĻ˛ā§āĻĒ āĻā§āĻ˛
āĻā§āĻ¨ āĻŦāĻŋāĻāĻ˛ā§āĻĒ āĻā§āĻ˛ āĻĒāĻžāĻāĻ¯āĻŧāĻž āĻ¯āĻžāĻ¯āĻŧāĻ¨āĻŋ
āĻ¸ā§āĻŦāĻŋāĻ§āĻž & āĻ āĻ¸ā§āĻŦāĻŋāĻ§āĻž
āĻ¸ā§āĻŦāĻŋāĻ§āĻž
- āĻĄāĻŋāĻāĻžāĻāĻ¨āĻžāĻ°āĻĻā§āĻ° āĻāĻ¨ā§āĻ¯ āĻ āĻ¨ā§āĻĒā§āĻ°ā§āĻ°āĻŖāĻžāĻŽā§āĻ˛āĻ
- āĻ ā§āĻ¯āĻžāĻā§āĻ¸ā§āĻ¸ āĻŦāĻŋāĻ¨āĻžāĻŽā§āĻ˛ā§āĻ¯ā§
- āĻāĻŋāĻāĻ°ā§āĻā§āĻĄ āĻŽāĻžāĻ¨ā§āĻ° āĻāĻĻāĻžāĻšāĻ°āĻŖ
āĻ āĻ¸ā§āĻŦāĻŋāĻ§āĻž
- āĻā§āĻ¨ āĻŽā§āĻ˛ā§āĻ¯ āĻŦāĻž āĻ¸āĻĻāĻ¸ā§āĻ¯āĻ¤āĻž āĻŦāĻŋāĻŦāĻ°āĻŖ
- āĻāĻ¯āĻŧā§āĻŦ āĻĒā§āĻ˛ā§āĻ¯āĻžāĻāĻĢāĻ°ā§āĻŽā§ āĻ¸ā§āĻŽāĻžāĻŦāĻĻā§āĻ§
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°ā§āĻ° āĻā§āĻˇā§āĻ¤ā§āĻ°ā§
- āĻĄāĻŋāĻāĻžāĻāĻ¨ āĻ āĻ¨ā§āĻĒā§āĻ°ā§āĻ°āĻŖāĻž
- āĻāĻ¯āĻŧā§āĻŦ āĻĄā§āĻā§āĻ˛āĻĒāĻŽā§āĻ¨ā§āĻ āĻ°ā§āĻĢāĻžāĻ°ā§āĻ¨ā§āĻ¸
- āĻĒā§āĻ°ā§āĻāĻĢā§āĻ˛āĻŋāĻ āĻāĻĒāĻ¸ā§āĻĨāĻžāĻĒāĻ¨āĻž āĻ§āĻžāĻ°āĻ¨āĻž
Hover States āĻŽā§āĻ˛ā§āĻ¯
āĻŦāĻŋāĻ¨āĻžāĻŽā§āĻ˛ā§āĻ¯ā§ āĻĒāĻ°āĻŋāĻāĻ˛ā§āĻĒāĻ¨āĻž
āĻā§āĻ¨ āĻŦāĻŋāĻļāĻĻ āĻŽā§āĻ˛ā§āĻ¯ āĻ¤āĻĨā§āĻ¯ āĻāĻĒāĻ˛āĻŦā§āĻ§ āĻ¨ā§āĻ
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°āĻāĻžāĻ°ā§āĻ° āĻĒāĻ°ā§āĻ¯āĻžāĻ˛ā§āĻāĻ¨āĻž
1.0
ā§Ģ āĻāĻ° āĻŽāĻ§ā§āĻ¯ā§
1.0
āĻāĻāĻ¨āĻ āĻā§āĻ¨ āĻĒāĻ°ā§āĻ¯āĻžāĻ˛ā§āĻāĻ¨āĻž āĻ¨ā§āĻ
āĻāĻ āĻā§āĻ˛ā§āĻ° āĻĒā§āĻ°āĻĨāĻŽ āĻĒāĻ°ā§āĻ¯āĻžāĻ˛ā§āĻāĻ¨āĻžāĻāĻžāĻ°ā§ āĻšāĻ¨!