Streaming live at 10am (PST)

Donut Chard one pixel over the border


#1

Hello,

I created a donut chard based on a tutorial I found in this forum. The point is the mask does not cover all the red indicator, the one-pixel border remains visible under the mask.

I tried to add the border, to change dimensions but I didn’t find a good way to make them look nice.

Here is the link: https://preview.webflow.com/preview/erg-project?preview=fd55d3352e8bfb698adf6ee754de5e81

Am I doing something wrong? In order to see the issue, look at the first donut chart. Few red pixels from the progress bar are visible from under the mask.

Thank you in advance!


#2

Either this

or that

nice technique using the one100% corner :slight_smile:


#3

Thank you for the solution. It seems to look good now. :grinning: