Back to Browse

Adding hover states to Cargo Thumbnail Indexes using CSS

1.4K views
Mar 6, 2025
13:01

In this video I walk through how to do the following in Cargo 3: 1. Make the title of the project display over the project thumbnail image 2. Make that title only show on hover state with a transparent black background 3. Replace the thumbnail image with an animated GIF video on hover Blog version: https://writing.tylerpaulson.com/2025/03/cargo-thumbnail-hover-states/ Code on GitHub: https://gist.github.com/tyler-paulson/77e7366480466eac40364e0a583ab372

Download

1 formats

Video Formats

360pmp423.4 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Adding hover states to Cargo Thumbnail Indexes using CSS | NatokHD