← Tous les exemples

Vimeo : flouter les vignettes jusqu'au survol

Floute chaque vignette de vidéo et ne la révèle qu'au survol, protégeant l'écran des regards.

Code à copier

/* Blur all thumbnails until hover for shoulder-surfing privacy */
[class*="Thumbnail"] img,
[class*="thumbnail"] img {
  filter: blur(14px) !important;
  transition: filter 0.15s ease;
}
[class*="Thumbnail"]:hover img,
[class*="thumbnail"]:hover img {
  filter: blur(0) !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.