DEV Community

Discussion on: CSS Shapes with rounded corners

 
saifeddin1 profile image
Saifeddin Matoui • Edited

And there is an empty div that is the real shape
and this is his css
/* The bubble on top */
.menu-border {
position: absolute;
left: 0;
bottom: 99%;
width: 164px;
height: 39px;
/* The magic for the it not being a rectangle */
clip-path: url(#menu);
background-color: var(--bgColorMenu);
}

Thread Thread
 
afif profile image
Temani Afif

but you are not using the code I am talking about here. It's something different.

Thread Thread
 
saifeddin1 profile image
Saifeddin Matoui

I replied with the code in the previous comment , is it what you asking for ?

Thread Thread
 
afif profile image
Temani Afif

Yes but I thought your code was related to the article I wrote. I thought you had an issue after using my code but your code is irrelevant to what I am doing here.

Thread Thread
 
saifeddin1 profile image
Saifeddin Matoui

Aw so sorry, I just ran into an issue using clip path so found your article and thought you or someone can help me figure it out !
Can u please help ?

Thread Thread
 
afif profile image
Temani Afif

better ask your question on StackOverflow, there you can get help. Here no one will see your comment.