Les :hover sont importants sur un site web, ils permettent à l’utilisateur de reconnaître que l’élément est (généralement) un bouton. Les :hover peuvent être utilisés de plusieurs façons, notamment pour éclaircir ou assombrir le background lors du survol de la souris (un classique) ou de le faire complètement disparaître. Ils peuvent également, sous le suvol de la souris, faire une action sur un autre élément de votre page et ainsi vous éviter éventuellement d’utiliser une fonction jQuery.

Le survol avec background et avec contour,

Voici un code qui peut vous intéressé, ci-dessous j’ai utilisé le LESS pour ma feuille de style.

See the Pen Simple Hover by Arnaud (@arduinaud) on CodePen.