CSS Grid and Custom Shapes, Part 1

In a previous article, I looked at CSS Grid’s ability to create complex layouts using its auto-placement powers. I took that one step further in another article that added a zooming hover effect to images in a grid layout


CSS Grid and Custom Shapes, Part 1 originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

https://css-tricks.com/css-grid-and-custom-shapes-part-1/

Creată 2y | 15 aug. 2022, 13:20:41


Autentifică-te pentru a adăuga comentarii

Alte posturi din acest grup

Web-Slinger.css: Across the Swiper-Verse

Lee Meyer with a super clever idea using scroll-driven animations as an interaction to "like" or "dislike" something.


15 ian. 2025, 17:20:12 | CSS tricks
A Few Ways That Cloudways Makes Running This Site a Little Easier

(This is a sponsored post.)

It’s probably no surprise to you that CSS-Tricks is (proudly) hosted on

14 ian. 2025, 15:50:06 | CSS tricks
How to Wait for the sibling-count() and sibling-index() Functions

Today, I want to look into one of those cases of impatient and how the community has waited for that feature, to be specific, two upcoming functions: sibling-count() and sibling-index().


13 ian. 2025, 16:40:05 | CSS tricks
The Importance of Investing in Soft Skills in the Age of AI

I am still an AI skeptic. The biggest risk I foresee is that if your sole responsibility is to write code, your job is at risk. It’s not time to panic, but I do see a lot of value in evolving your

6 ian. 2025, 15:30:04 | CSS tricks
Thank You (2024 Edition)

I'm more thankful this time around because, last year, I didn't even get to write this post. But now that I'm back, writing this feels so, so, so good. There's a lot more gusto going into my writin

30 dec. 2024, 16:20:19 | CSS tricks
A CSS Wishlist for 2025

2024 has been one of the greatest years for CSS: cross-document view transitions,

23 dec. 2024, 15:10:04 | CSS tricks