#bordershape — Public Fediverse posts on home.social

How would you give a non-rectangular element with rounded corners a border?

The simple, future way is just `border` + `border-shape`.

But what about the now, cross-browser solution?

Here's a detailed & illustrated write-up one the geometry & more behind.

#css #clippath #geometry #svgfilter #webdev #maths

How would you give a non-rectangular element with rounded corners a border?

The simple, future way is just `border` + `border-shape`.

But what about the now, cross-browser solution?

Here's a detailed & illustrated write-up one the geometry & more behind.

#css #maths #coding #frontend #webdev #clippath

How would you give a non-rectangular element with rounded corners a border?

The simple, future way is just `border` + `border-shape`.

But what about the now, cross-browser solution?

Here's a detailed & illustrated write-up one the geometry & more behind.

#css #svgfilter #bordershape #geometry #clippath #maths

How would you give a non-rectangular element with rounded corners a border?

The simple, future way is just `border` + `border-shape`.

But what about the now, cross-browser solution?

Here's a detailed & illustrated write-up one the geometry & more behind.

#maths #frontend #coding #bordershape #svgfilter #webdev

How would you give a non-rectangular element with rounded corners a border?

The simple, future way is just `border` + `border-shape`.

But what about the now, cross-browser solution?

Here's a detailed & illustrated write-up one the geometry & more behind.

#css #webdev #clippath #geometry #bordershape #svgfilter