@anyachecka

Как правильнее сделать декоративный элемент (линии)?

или просто .wrap> span*4?
выровнять флексом

======================================
в каждой линии разная высота и прозрачность

5f9d4810291ab421718441.jpeg
  • Вопрос задан
  • 76 просмотров
Решения вопроса 1
RAX7
@RAX7
Если положение и размер этих линий не привязан к другим элементам, то можно просто нарисовать их градиентами.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
RomanTRS
@RomanTRS
Если фон однородный, то 2 линейных градиента:
.gradient {
  height: 500px;
  background-color: rgb(7, 0, 129);
  background-image: linear-gradient(
      156deg,
      rgba(7, 0, 129, 1) 46%,
      rgba(7, 0, 129, 0) 46%
    ),
    linear-gradient(
      90deg,
      rgba(40, 145, 207, 0) 14%,
      rgba(40, 145, 207, 0.5) 14%,
      rgba(40, 145, 207, 0.5) 14.3%,
      rgba(40, 145, 207, 0) 14.3%,
      rgba(40, 145, 207, 0) 26%,
      rgba(40, 145, 207, 0.6) 26%,
      rgba(40, 145, 207, 0.6) 26.3%,
      rgba(40, 145, 207, 0) 26.3%,
      rgba(40, 145, 207, 0) 45%,
      rgba(40, 145, 207, 0.7) 45%,
      rgba(40, 145, 207, 0.7) 45.3%,
      rgba(40, 145, 207, 0) 45.3%,
      rgba(40, 145, 207, 0) 64%,
      rgba(40, 145, 207, 0.8) 64%,
      rgba(40, 145, 207, 0.8) 64.3%,
      rgba(40, 145, 207, 0) 64.3%,
      rgba(40, 145, 207, 0) 85%,
      rgba(40, 145, 207, 1) 85%,
      rgba(40, 145, 207, 1) 85.3%,
      rgba(40, 145, 207, 0) 85.3%
    );
}
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы