W3C home > Mailing lists > Public > public-css-archive@w3.org > June 2018

[csswg-drafts] [CSS Backgrounds and Borders Level 4] Extruding border corners (negative border-radius)

From: Meteor0id via GitHub <sysbot+gh@w3.org>
Date: Sat, 23 Jun 2018 14:39:47 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-335105602-1529764786-sysbot+gh@w3.org>
Meteor0id has just created a new issue for https://github.com/w3c/csswg-drafts:

== [CSS Backgrounds and Borders Level 4] Extruding border corners (negative border-radius) ==
Just leaving a quick thought here, think it might be worth exploring further.

We can currently give a corner a border-radius, giving us rounded borders. But what if we don't want them rounded, but rahter want them extra spiky?

This could be used just to create some fun spiky corners, or it could be used to create **interior corners**. these interior corners were the main motivation behind this suggestion.

Here an example of how a new setting with some kind of negative ratio could be used to create the illusion of a nagative corner between two divs.
This is only a quick initial thought, exploring this further to a point where it could enter a draft will take much more, but let's start somewhere.

![css_draft_neg_border_radius](https://user-images.githubusercontent.com/34976212/41810754-dbfa3620-7703-11e8-84e5-193d02bae2db.png)




Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2811 using your GitHub account
Received on Saturday, 23 June 2018 14:39:50 UTC

This archive was generated by hypermail 2.3.1 : Saturday, 23 June 2018 14:39:54 UTC