Better CSS Shapes Using shape() — Part 1: Lines and Arcs

This is the first part of a series that dives deep into the shape function, starting with shapes that use lines and arcs.


Better CSS Shapes Using shape() — Part 1: Lines and Arcs originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

https://css-tricks.com/better-css-shapes-using-shape-part-1-lines-and-arcs/

Établi 3mo | 23 mai 2025, 15:10:06


Connectez-vous pour ajouter un commentaire

Autres messages de ce groupe

On Accessibility Conformance, Design Systems, and CSS “Base” Units

My brain can’t help but try to make connections between seemingly disparate ideas. And that’s what happened yesterday when I read:

  • Hidde’s
14 août 2025, 14:20:30 | CSS tricks
We Might Need Something Between Root and Relative CSS Units for “Base Elements”

I've come to realize that perhaps we need to have a unit between root and relative values. This would bring about a whole new possibility when creating reusable components.


13 août 2025, 15:10:33 | CSS tricks
CSS-Questions

CSS-Questions is a mini site where you can test your CSS knowledge with over 100 questions.


CSS-Questions or

12 août 2025, 15:50:20 | CSS tricks
Stuff & Nonsense Practical Layout Workshop

Web design veteran Andy Clarke is offering a two-hour workshop all about creating practical and creative page layouts this September 18. Register and save a few bucks with a coupon code.


11 août 2025, 16:40:19 | CSS tricks
Getting Creative With Quotes

How do you design block quotes and pull quotes to reflect a brand’s visual identity and help tell its story? Here’s how I do it by styling the HTML blockquote element using borders, de

11 août 2025, 14:30:13 | CSS tricks
How to Prepare for CSS-Specific Interview Questions

Get advice answering a set of 10 CSS-related questions you likely will encounter in front-end interviews.


8 août 2025, 14:30:14 | CSS tricks
Bringing Back Parallax With Scroll-Driven CSS Animations

Parallax is a pattern in which different elements of a webpage move at varying speeds as the user scrolls, creating a three-dimensional, layered appearance. It once required JavaScript. Now we have

6 août 2025, 13:50:10 | CSS tricks