Vimeo: show thumbnail buttons only on hover
Hides the Watch Later and add-to-collection overlay buttons on thumbnails until you hover over them.
Code to copy
/* Hide Watch Later and collection overlay buttons until hover */
[class*="Thumbnail"] [class*="OverlayButton"],
[class*="Thumbnail"] button[aria-label*="Watch Later"],
[class*="Thumbnail"] button[aria-label*="collection"] {
opacity: 0 !important;
transition: opacity 0.15s ease;
}
[class*="Thumbnail"]:hover [class*="OverlayButton"],
[class*="Thumbnail"]:hover button[aria-label*="Watch Later"],
[class*="Thumbnail"]:hover button[aria-label*="collection"] {
opacity: 1 !important;
}How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's CSS panel and save — the effect appears instantly.
Rate this example
No ratings yet — be the first.