41,554 blogs · 5,316,985 posts Claim your blog

Record · corpus.blog/posts/01a08765-3895-7021-9fef-37821f3bb4ef

Making Complex CSS Shapes Using shape()

CSS-Tricks · published 4 February 2026

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at css-tricks.com Wayback capture

0blogs citing

First cited: —
Most recent: —
Rank this month: not ranked
External links: 10
Words captured: 1,375

Cited by

No blog we hold has cited this post yet.

Links from this post

Link

Host

https://css-shape.com/

css-shape.com

https://css-generators.com/wavy-divider/

css-generators.com

https://css-generators.com/fancy-frame/

css-generators.com

https://css-generators.com/blob/

css-generators.com

A Squishy Button with a Hover/Click Effect Read at the source ↗

Add a Wobbling Animation to your Images Read at the source ↗

A Sliding "Liquid Oozing" Reveal Effect Read at the source ↗

https://css-loaders.com/squishy/

css-loaders.com

https://css-generators.com/

css-generators.com

https://css-generators.com/svg-to-css/

css-generators.com

Elsewhere on css-tricks.com (3)

https://css-tricks.com/almanac/functions/s/shape/

css-tricks.com

Better CSS Shapes Using shape() — Part 1: Lines and Arcs Read at the source ↗

https://css-tricks.com/almanac/functions/s/scroll/

css-tricks.com