Responsive Cards Design | Playable Thumbnails On Hover & Popup Modal

Responsive Cards Design | With Playable Thumbnails On Hover & Popup Modals - Html, CSS & Javascript

In this video, you will learn how to design these cards with a playable thumbnail on mouseover the thumbnail image and stop it on mouseleave. Each card's long titles are shortened with "..." using JQuery. And for each card, there is a popup modal screen to display each video in the modal screen.

✔️ Clear Coding ✔️ Easy to Follow

▶️ Video Clip Links
-------------------------------
∎ Video 01 - https://www.pexels.com/video/a-long-and-winding-road-going-up-the-mountain-rock-plateau-3595383

∎ Video 02 - https://www.pexels.com/video/red-leaves-in-autumn-1777892

∎ Video 03 - https://www.pexels.com/video/girl-walking-on-the-grass-4524588

∎ Video 04 - https://www.pexels.com/video/dash-camera-footage-of-traveling-a-road-built-on-a-desert-3059073

∎ Video 05 - https://www.pexels.com/video/a-view-of-hot-air-balloons-in-the-air-and-woman-riding-her-vehicle-3015510

∎ Video 06 - https://www.pexels.com/video/blue-sky-with-white-clouds-timelapse-mode-1860175

Complete Source Codes - (Included all the source files in a zip file). ❄️🎉