Lea Verou 3/14/2011

Beveled corners & negative border-radius with CSS3 gradients

Read Original

This technical CSS article demonstrates a method for creating beveled corners and simulating negative border-radius effects using CSS3 gradients. The technique provides a pure CSS solution that eliminates the need for images, works across modern browsers including Firefox, Chrome, Safari, Opera and IE10+, and includes solid color fallbacks for unsupported browsers.

Beveled corners & negative border-radius with CSS3 gradients

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

1
ServiceNow and Microsoft Copilot
Marius Sandbu 1 votes
2
The Learning Loop and LLMs
Martin Fowler 1 votes