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

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

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

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

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

Войти через TM ID
Похожие вопросы
Sveak Барнаул
от 40 000 руб.
iXBT Москва
от 70 000 до 90 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
23 сент. 2018, в 09:27
300 руб./за проект
23 сент. 2018, в 05:39
60000 руб./за проект
23 сент. 2018, в 04:34
10000 руб./за проект