CSS Corner-Shape Property: Beyond Rounded Corners for Modern UI Design
For years, developers have been hacking around the limitations of `border-radius`, using clip-path, SVG masks, and fragile workarounds just to get anything other than round corners. The new…
Read the full articleYou might also wanna read
Exploring the CSS border-shape Property and the Evolution of CSS Shape Capabilities
We recently got the shape() function and corner-shape property. What else could we possibly need as far as making shapes in CSS? Let me tell
CSS-Tricks·9d ago
CSS Beyond the Box: Designing for Round Displays, Notches, and Foldable Devices
What can we do with just thirty pixels? With Progressive Web Apps blurring the lines between apps and websites, Patrick Brosset helps us thi
A List Apart·4y ago
Building mobile-safe layouts with CSS safe-area-inset properties
Modern phones are not simple rectangles. They have rounded corners, camera cutouts, dynamic islands, and home indicators that double as gest
polypane.app·1mo ago
CSS-Only Menu Reveal Animation Using Clip-Path Techniques
Contribute to Momciloo/fun-with-clip-path development by creating an account on GitHub.
github.com·5mo ago
The Mathematics and Design History of Squircles: From iOS 7 to Geometric Principles
In a famous 1972 interview, Charles Eames answered a short sequence of fundamental questions about the nature of design.
figma.com·6mo ago
Modern CSS Techniques for Creating Memorable Web Experiences
There are many ways to create memorable experiences. Sometimes it's as simple as a form that completes smoothly. But here I'm interested in
CSS-Tricks·1mo ago
Comments
Sign in to join the conversation.
No comments yet. Be the first.