DEV Community

mandynicole
mandynicole

Posted on

6 1 1 1 1

`grid` with reveal + resize on `hover`

  • clip-path for better, cleaner border radii, especially in conjunction with transitions

  • oklch and color-mix

  • container to determine if/when to unwrap and marquee-ify tags

  • Faux marquee that intentionally waits a beat before animating and pauses on :hover

  • media queries to determine whether card titles are line-clamped + text-overflow: ellipsis;'d or flex-wrap: wrap;

(See Pen details for TODOs.)

Top comments (2)

Collapse
 
mince profile image
Mince

Wow 😲

Collapse
 
mandynicole profile image
mandynicole

Thank you everyone — this pen was the 24th most-liked on Codepen in 2024!

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more