Skip to content

Instantly share code, notes, and snippets.

@caligari87

caligari87/yt-duration-hover.css

Last active September 10, 2021 05:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save caligari87/d2f0b763ee7ad5983164193f59607c7c to your computer and use it in GitHub Desktop.
Save caligari87/d2f0b763ee7ad5983164193f59607c7c to your computer and use it in GitHub Desktop.
Download ZIP
Hide the YouTube video duration overlay unless hovering the thumbnail. For a user-style addon, like Stylus. Demo video: https://streamable.com/ykhtls
Raw
yt-duration-hover.css
ytd-thumbnail-overlay-time-status-renderer {
opacity: 0.0!important;
transition: opacity 0.1s!important;
}
.ytd-thumbnail:hover ytd-thumbnail-overlay-time-status-renderer {
opacity: 1.0!important;
transition: opacity 0.5s!important;
z-index: 2!important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment