CSS property conic-gradient with hardware acceleration on has blur

Description of the issue: CSS property conic-gradient with hardware acceleration on has blur when used with color stops to generate pie chart. Blur is more visible while you are further from the middle of circle.

How can this issue be reproduced?

  1. Turn on hardware acceleration.
  2. Open website https://jsfiddle.net/cvybeL2k/ which contains CSS pie with conic-gradient to see blur.
  3. Turn off hardware acceleration.
  4. Open website https://jsfiddle.net/cvybeL2k/ which contains CSS pie with conic-gradient to see it clear how it should be.

I’ve added screenshots from both versions if link doesn’t work anymore.


Expected result: Clear lines without blur between colors.

Brave Version( check About Brave): Verzia 1.38.117 Chromium: 101.0.4951.67 (oficiálna zostava) (64-bitová verzia)

1 Like

OK I’ll give you an update about it

Regards

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.