2 цвета в background у?

Question

[davidbairich]

Здравствуйте, можно ли как нибудь изменить цвет background не на 50/50,а к примеру 10% одного цвета 90% другого?
Пробовал с помощью linear-gradient получился градиент в прямом смысле.

Answer 1

[Alex]

.loading {
  --percent: 10%;
  background: linear-gradient(90deg, rgba(0,200,0,1) var(--percent), rgba(255,255,255,1) var(--percent)); 
}

Comments

[davidbairich]

спасибо!

Answer 2

[sinneren]

background: linear-gradient(90deg, rgba(245,102,0,1) 10%, rgba(160,24,177,1) 10%);

https://cssgradient.io/