Как сгладить градиент?

Друзья, прошу помощи. Есть див в котором есть градиент, вот скрин:
https://prnt.sc/h8prd1
Но почему то у него вместо ровной линии видны пиксели. Есть ли какой-то метод чтобы их сгладить?

Реализовывать сие чудо с помощью SVG можно, но не хочется нагружать код.
Заранее благодарен за ответы :)
  • Вопрос задан
  • 228 просмотров
Решения вопроса 1
melodyn
@melodyn
Лучше нативная смерть, чем фреймворковая жизнь.
Не рекомендую использовать CSS-градиенты по двум причинам:
1. Мыльный край является проблемой (возможно до сих пор):
https://stackoverflow.com/questions/26652661/blurr...
2. Старые браузеры, без поддержки или с плохой поддержкой CSS3 (тот же мыльный край). Говоря о старых браузерах можно иметь в виду даже браузер полугодичной версии.

Соответственно, повёрнутый псевдоэлемент будет "более лучшее", хотя никакой гарантии, что он будет без "лесенки". Но, возможно, её сгладит box-shadow :)
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
userAlexander
@userAlexander
Верстка наше все)
Павел Аничин во всех браузерах беда или в определенных?
пробовали обойтись без градиента, а например блоком повернутым с помощью rotate / skew ?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы