Comments on: border-radius

By: Albe Design

Albe Design — Fri, 22 Mar 2024 12:19:30 +0000

In reply to Iskren. Check out CanIUse.com - it will show what browsers the code will work with and with what versions.

By: Pascal

Pascal — Tue, 08 Jun 2021 07:21:21 +0000

Hi,
I wonder if there is a way to give a div a border with a pointy end.

So like this:

| \
|______/

Is there a way to do this in HTML?

By: Geoff Graham

Geoff Graham — Tue, 16 Feb 2021 15:52:32 +0000

In reply to Benone Gaita.

✨ Ana’s got you covered: https://css-tricks.com/various-methods-for-expanding-a-box-while-preserving-the-border-radius/

By: Benone Gaita

Benone Gaita — Tue, 16 Feb 2021 12:29:12 +0000

I have a challenge : Make border-radius scale nicely by a factor relative to the width of the container keeping the circle aspect even on rectangle elements (I mean keeping them from ‘going’ elliptical)

By: vijay

vijay — Wed, 11 Dec 2019 07:12:03 +0000

When using border radius some time sharp border shows. how to fix as smooth border?

By: Artem

Artem — Tue, 12 Feb 2019 12:35:51 +0000

In reply to Jim. That is actually what I searched for. Thank you a lot! Author need to include this comment into article.

By: Sahdev Kansal

Sahdev Kansal — Thu, 28 Jun 2018 17:07:26 +0000

When we give two values in border-color then first one get applied to top and bottom and second value get
applied to right and left. You have mentioned that wrong. Please check that.

By: Kathryn Herod

Kathryn Herod — Fri, 20 Apr 2018 20:31:16 +0000

In reply to ruby. I'm glad I wasn't the only one who noticed

By: Mike

Mike — Fri, 21 Jul 2017 18:32:41 +0000

I really don’t understand the reasoning for the rules for 2 values. Why not match padding and margins? 2 values = top and bottom.

By: Ayhan Selek

Ayhan Selek — Sun, 13 Nov 2016 08:16:16 +0000

Thank you, it’s great tutorial. You can see the css results by using the border-radius builder on this page: https://css-tools.com/border-radius

By: Arturo

Arturo — Mon, 07 Mar 2016 15:20:11 +0000

Thanks so much!!!!!! :) I used border-radius: 0px 50px 50px 0px; and Work it!

By: Jesse J

Jesse J — Mon, 21 Dec 2015 22:51:35 +0000

In reply to Rick Snackers. ;)

By: francisco

francisco — Tue, 30 Jun 2015 02:39:26 +0000

In reply to francisco. I meant border radius, not box shadows :-

By: francisco

francisco — Tue, 30 Jun 2015 02:37:20 +0000

Currently browsing in an Android 2.0.2 native’s browser (this is a really un-updated browser, would not evem handdle any transition at all, bugging most of the pages with an add banner on top). Surprisingly, box shadows seems to work in all cases except when.there’s a percentage value. I will try with the -webkit- prefix and will post if that’s working. Ps: nice read, thanks for the quality content.

By: Jatin Sharma

Jatin Sharma — Sat, 21 Mar 2015 12:01:42 +0000

Really It’s Super And So Helpful. Thanks