Сверстать рамку с градиентом

224
10 января 2020, 06:10

Есть такой макет

Это рамка блока в котором будет текст. Как сверстать такую рамку? Блок будет резиновым и меняться по высоте при ресайзе.

Answer 1

.color { 
  height: 150px; 
  width: 300px; 
   
  border-width: 5px; 
  border-style: solid; 
  border-image: linear-gradient(45deg, #3eb060, #0cabe1) 1 49%; 
   
  resize: both; 
  overflow: auto; 
}
<div class="color"></div>

Answer 2

border-image:  
      linear-gradient( 
         . 
         . 
         . 
         . 
         . 
      )

По градиенту рекомендую воспользоваться онлайн генераторами градиентов CSS. Коих достаточно в интернете.

ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте standart-s.com.ua
ТОП-10
READ ALSO
Не выводится изменённая переменная
HTML

Не выводится изменённая переменная

есть DIV элемент у которого есть атрибут onclick вызывающий эту функцию

 210
Ошибка в коде: не видит переменную(вроде)
HTML

Ошибка в коде: не видит переменную(вроде)

В предпоследней строчке("moneyDivinnerHTML = moneyNum;") браузерный редактор выдаёт ошибку "Uncaught ReferenceError: moneyDiv is not defined at HTMLDivElement

 273
Не работает get-запрос
jQuery

Не работает get-запрос

Необходимо получить json данные с сайта но с помощью $get получить данные не получается , по причине отсутствия заголовка CORS Хотя и получается...

 243
Выборочный вывод данных из json
jQuery

Выборочный вывод данных из json

проблема состоит в том что у меня в jsone есть два одинокавых данных, но нужно вывести одну

 216