Как создать изогнутый датчик с линейным градиентом в качестве фона? ⇐ Html

[Anonymous]

Я хочу сделать отзывчивый максимальный диапазон 0-100% с чистым CSS с цветовым градиентом от зеленого до красного. Я нашел несколько примеров, но не смог получить градиент, работающий прямо в любом из них. После некоторого тестирования мне удалось получить это как -то работать. Это в основном фоновый див с линейным градиентным фоном и белый передний план с наполовину прозрачными границами, используя границу-радиус, чтобы сделать их вокруг. Когда я вращаю Div на переднем плане, он раскрывает или неясен части градиентного фонового Div.
Но у меня есть этот визуальный сбой, который я не знаю, как исправить:


Подробнее здесь: https://stackoverflow.com/questions/641 ... background