RESPONSIVE 16/9 THUMBNAIL & SHINE HOVER EFFECT

Author:

  • Quentin Véron

Made with:

  • HTML/Pug
  • CSS/SCSS
  • JavaScript

About the code:

This is a nice and simple thumbnail which maintain 16/9 aspect ratio at any size. There are a shine hover effect and a little animation when launching the video. Shine effect is created using CSS variables inspired by Raul Dronca.

Download Demo and Code

Add a Comment

Your email address will not be published. Required fields are marked *