tfe Homepage

12/03/2019

css media hover

J'ai découvert le media query hover:hover, très pratique pour ne pas déclencher les animations sur les dispositifs ne supportant pas cet état.

Sur mobile par défaut, les :hover sont déclenchés des que le click est effectué sur l'element, ce qui n'est pas du tout pratique!


@media (hover: hover) {
  a:hover {
    background: yellow;
  }
}

De cette façon, le style ne sera appliqué que si l'element est vraiment survolé , et non cliqué.