Comments on: border-radius https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Fri, 22 Mar 2024 12:19:30 +0000 hourly 1 https://wordpress.org/?v=6.4.3 By: Albe Design https://css-tricks.com/almanac/properties/b/border-radius/#comment-1808156 Fri, 22 Mar 2024 12:19:30 +0000 http://css-tricks.com/?page_id=13972#comment-1808156 In reply to Iskren.

Check out CanIUse.com – it will show what browsers the code will work with and with what versions.

]]>
By: Pascal https://css-tricks.com/almanac/properties/b/border-radius/#comment-1773615 Tue, 08 Jun 2021 07:21:21 +0000 http://css-tricks.com/?page_id=13972#comment-1773615 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 https://css-tricks.com/almanac/properties/b/border-radius/#comment-1768678 Tue, 16 Feb 2021 15:52:32 +0000 http://css-tricks.com/?page_id=13972#comment-1768678 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 https://css-tricks.com/almanac/properties/b/border-radius/#comment-1768667 Tue, 16 Feb 2021 12:29:12 +0000 http://css-tricks.com/?page_id=13972#comment-1768667 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 https://css-tricks.com/almanac/properties/b/border-radius/#comment-1752989 Wed, 11 Dec 2019 07:12:03 +0000 http://css-tricks.com/?page_id=13972#comment-1752989 When using border radius some time sharp border shows. how to fix as smooth border?

]]>
By: Artem https://css-tricks.com/almanac/properties/b/border-radius/#comment-1663689 Tue, 12 Feb 2019 12:35:51 +0000 http://css-tricks.com/?page_id=13972#comment-1663689 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 https://css-tricks.com/almanac/properties/b/border-radius/#comment-1640088 Thu, 28 Jun 2018 17:07:26 +0000 http://css-tricks.com/?page_id=13972#comment-1640088 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 https://css-tricks.com/almanac/properties/b/border-radius/#comment-1623800 Fri, 20 Apr 2018 20:31:16 +0000 http://css-tricks.com/?page_id=13972#comment-1623800 In reply to ruby.

I’m glad I wasn’t the only one who noticed

]]>
By: Mike https://css-tricks.com/almanac/properties/b/border-radius/#comment-1610565 Fri, 21 Jul 2017 18:32:41 +0000 http://css-tricks.com/?page_id=13972#comment-1610565 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 https://css-tricks.com/almanac/properties/b/border-radius/#comment-1604959 Sun, 13 Nov 2016 08:16:16 +0000 http://css-tricks.com/?page_id=13972#comment-1604959 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 https://css-tricks.com/almanac/properties/b/border-radius/#comment-1600083 Mon, 07 Mar 2016 15:20:11 +0000 http://css-tricks.com/?page_id=13972#comment-1600083 Thanks so much!!!!!! :) I used border-radius: 0px 50px 50px 0px; and Work it!

]]>
By: Jesse J https://css-tricks.com/almanac/properties/b/border-radius/#comment-1598686 Mon, 21 Dec 2015 22:51:35 +0000 http://css-tricks.com/?page_id=13972#comment-1598686 In reply to Rick Snackers.

;)

]]>
By: francisco https://css-tricks.com/almanac/properties/b/border-radius/#comment-1595550 Tue, 30 Jun 2015 02:39:26 +0000 http://css-tricks.com/?page_id=13972#comment-1595550 In reply to francisco.

I meant border radius, not box shadows :-

]]>
By: francisco https://css-tricks.com/almanac/properties/b/border-radius/#comment-1595548 Tue, 30 Jun 2015 02:37:20 +0000 http://css-tricks.com/?page_id=13972#comment-1595548 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 https://css-tricks.com/almanac/properties/b/border-radius/#comment-1593317 Sat, 21 Mar 2015 12:01:42 +0000 http://css-tricks.com/?page_id=13972#comment-1593317 Really It’s Super And So Helpful. Thanks

]]>