@idcamn

Как скопировать овальный градиент с макета, если овал заходит за пределы экрана?

Нужно скопировать овальный градиент с макета, но если использовать border-radius, овал обрезается и вмещает в себя только максимальную ширину страницы
Что нужно:
5ff23567e0499441477331.jpeg

Что пока что получается:
5ff2365a33578127808470.jpeg

padding + отрицательный margin помогает только с левой частью, а из-за правой появляется скролл в правую сторону на странице
  • Вопрос задан
  • 107 просмотров
Решения вопроса 1
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
Например взять псевдоэлемет before/after дать ему абсолютное позиционирование и позиции top: 0; bottom: 0 left: -20%, right: - 20%
таким образом он будет шире родителя и вместит необходимый ему градиент как вам надо...
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы