The border-radius feature most people don’t know about

Did you know that each corner of a border-radius can have two different values, one of the X axis and one for the Y axis?

#css

--

Come hang out with other dev's in my Discord Community

Keep up to date with everything I'm up to

Come hang out with me live every Monday on Twitch!

---

Help support my channel

---


---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.


---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[flaviosobbin]

Bro knows more than the developers of CSS3

[sayeghjoe]

I can’t believe that even after 15 years, you’re still showing me new CSS tricks. You’re phenomenal👏🏻

[soluschristus]

An in-depth CSS course using such visuals as part of the material for study would make the learning process so much more enlightening ❤

[goodshiro]

that property : 1x
the example use case : 10x
THAT VISUAL CIRCLE FOR EXPLANATION : beyond infinity

[Lampe]

Normally I go right over videos like this, but this one is actually interesting and helpful to me. So congrats, you got me to watch and like a video of a type I would normally skip and not waste a single thought on!

[mrgamerzyt]

I didn't knew we can do border-top-right-radius

[JoshuaClancy]

Kevin Powell you are so helpful. I was wondering the most natural way to create a claymorphism button and you just helped me. Border top right left bottom and different values so it looks handcrafted.

[Gasshette]

That's a godlike short every developper should see haha thanks for the free knowledge !

[xjfpmco]

I've been looking for this feature for so long!!! Thx man

[ramzyabdul]

I just started learning CSS, but I honestly didn't know this and no one mentioned this..

I feel like I will really love css more than ever after watching most of ur videos.. I even get the news reports on my email from u ❤❤

[diegof]

I already knew it was possible, but never grasped it 100%. The explanation was awesome

[HeyJes]

Great explanation! I knew about this but I always sort of thought the syntax was confusing.

[DasBauer]

I never looked into border-radius' definition. I thought one value per corner was the way. Great video, very helpful.

[ColinRichardson]

You know.... I DID NOT know this one... This is one of the first surprising css tips I had not known..
I tip my hat to you good sir.

[gollamadish]

wait, is it possible for shorthand border-radius to have 8 values?

[terablast]

What the hell, a "feature you didn't know" video about a feature i actually didn't know?!
Never knew it was ellipses all along

[NotKyleChicago]

I didn't realize you could do elliptical borders in specific corner like this.

[abhayprince]

I didn't know about it. Going to try it right away

[penguinxed]

wow wth i never knew this, awesome stuff mr Kevin

[cedrictheveneau]

Already knew this one, my mentor during my cursus showed me this trick

Though I still haven’t had the opportunity to use it cause none ever want ellyptic border radiuses lol