Akanksha Yadav• 355
@Akku22jan
Posted
Hi. First of all congratulations on completing the challenge. I had faced the same issue, while using clippath you can't retain the border-radius because you have clipped the border. Instead of using clippath, make the bottom right radius zero. And add the following code. You are good to go.
element::after { content: " "; position: absolute; top: 100%; /* At the bottom of the tooltip */ left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: white white transparent transparent; }
I have copied this code from https://www.w3schools.com/css/css_tooltip.asp P.S.: try changing left, margin values. You are good to go. Keep coding.
Marked as helpful
1
