Как стилизовать данный элемент?
Подскажите как правильно стилизовать элемент-квадрат у которого border-color задан как градиент
Стили которые использую я:
.benefits:before { content: ''; display: block; max-width: 900px; width: 100%; height: 770px; position: absolute; bottom: 170px; left: 0; border: 30px solid transparent; background-image: linear-gradient(90deg, #9A762F 0%, #F2C977 100%); background-clip: content-box; /* Устанавливает, чтобы фон не распространялся за пределы границы */ } |
.benefits:before { content: ''; display: block; max-width: 900px; width: 100%; height: 770px; position: absolute; bottom: 170px; left: 0; border: 30px solid transparent; background-image: linear-gradient(90deg, #9A762F 0%, #F2C977 100%); background-clip: content-box; /* Устанавливает, чтобы фон не распространялся за пределы границы */ }
Вот что получается:
А вот так должно быть:
Дополнительно:
ну положите внутрь белый квадрат
snippet
Ответы:
https://jsbin.com/tojomoyubi/edit?html,css,output
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос


Для стилизации элемента