Как применить несколько сложных поворотов к фону - PullRequest
1 голос
/ 21 апреля 2020

В настоящее время у меня есть два линейных градиента, которые я хочу применить к одному фону.

Это должно дать мне 2 треугольника и с поворотом на 180 градусов.

линейный градиент (90 градусов, rgba (0, 99, 255, 0.1) 0%, rgba (70, 233, 255) , 0,1) 100%),

линейный градиент (270 градусов, rgba (0, 99, 255, 0,1) 0%, rgba (70, 233, 255, 0,1) 100%),

Я хочу применить это к тому же фону.

Я попробовал следующее, и оба не удалось:

Failed 1:

background: "linear-gradient(90deg, rgba(0, 99, 255, 0.1) 0%, rgba(70, 233, 255, 0.1) 100%, 270deg, rgba(0, 99, 255, 0.1) 0%, rgba(70, 233, 255, 0.1) 100%)"

Failed 2:

background: "linear-gradient(90deg, rgba(0, 99, 255, 0.1) 0%, rgba(70, 233, 255, 0.1) 100%),linear-gradient(270deg, rgba(0, 99, 255, 0.1) 0%, rgba(70, 233, 255, 0.1) 100%) "

Успешный эффект должен выглядит так:

It's a triangle, with 180deg rotation

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...