Log in
Log into community
Join the Webstudio community
New post
View all posts
Related posts
Was this helpful?
π
π
π
Powered by
Hall
Active
Updated last week
0
Follow
How to make custom shapes with border-radius?
How to make custom shapes with border-radius?
Active
0
Follow
R
Ronald from 360Creators
last week
Β·
I've found this YT tutorial about making custom shapes with border-radius where they can do this
34% / 73%
thing. Obviously when I do that in Webstudio, it divides.
Is there any trick to create a similar effect here?
O
B
R
14 comments
Share
Open in Discord
O
Oleg Isonen
edited last week
wow, I had no idea that this is possible
https://9elements.github.io/fancy-border-radius/
B
Bogdan
edited last week
Can you paste into advanced section?
R
Ronald from 360Creators
last week
Not sure which property I need in advanced. Can't find just
border-radius
, but something like
border-end-end-radius
R
Ronald from 360Creators
last week
Ahh without the slash, got it! Thank you very much π
O
Oleg Isonen
last week
when creating border radius, use that full value and hit enter
O
Oleg Isonen
edited last week
border-radius: 44% 56% 70% 30% / 56% 48% 52% 44%
R
Ronald from 360Creators
last week
I was searching for it, but I see I just need to apply it even though its not listed π
R
Ronald from 360Creators
last week
thank you very much!!
B
Bogdan
last week
It's shorthand and expanded when you paste it
O
Oleg Isonen
edited last week
its not not listed, border-radius is a shorthand for those individual values it creates for you
O
Oleg Isonen
last week
We should make a short video about this, its a nice feature and I had no idea
R
Ronald from 360Creators
last week
I feel tempted to create that short video π
O
Oleg Isonen
last week
do it, will retweet on socials
B
Bogdan
last week
This could be a nice thing to have builtin
Add a reply
Sign up and join the conversation on Discord
Join on Discord