Как сделать CSS градиент на половину высоты или ширины div'a?

Question

[Николай Васин]

Возможно нужно использовать multiple background images

Comments

[Rustam Bainazarov]

Это возможно, но подогнать сложно + может быть небольшое размытие на границе. Делайте фон отдельным блоком на абсолютном позиционировании с нужным размерои, тогда избежите размытия и геморроя.

Answer 1

[Владимир]

Можно прописать таким образом - 0% green 50% red 50%white 100%white
Но чаще всего переход между красным и белым у тебя будет немного размыт

Answer 2

[Максим Тимофеев]

https://codepen.io/wokster/pen/REOrjq

Answer 3

[Максим]

https://codepen.io/topicstarter/pen/bOJwWP так ??