Как сделать переход между background-color двух divов

194

13 февраля 2022, 22:00

Нужно сделать плавный переход между двумя блоками, но не знаю как это можно реализовать. с #C4C4C4 к #000000

Answer 1

Оно?

.wrapper { 
  background: linear-gradient(to bottom, #C4C4C4, #000000); 
  display: inline-block; 
} 
.wrapper div { 
  width: 200px; 
  height: 200px; 
  color: #fff; 
}

<div class="wrapper"> 
  <div>BLOCK 1</div> 
  <div>BLOCK 2</div> 
</div>

Создание интернет-магазина строительных материалов в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

При просмотре кода появился длинный прямоугольник, это нормально и что делать?

Вобщем делаю я меню и просмотрел код элемента появился вот этот длинный прямоугольникМеню находиться в теге section

189

HTML

Блокируется свойство "background"

В браузерах Chrome и Firefox перестали отображаться логотип и другие иконки - блокируется свойство "background"В других браузерах все нормально отображается

153

HTML