Как отодвинуть background?

Question

[an]

Как сделать что бы background отступал снизу на определенное количество пикселей?
т.е блок может может иметь высоту неопределенную, но градиент должен отступать напр. на 35px снизу

Спасибо

Answer 1

[Stalker_RED]

https://developer.mozilla.org/en-US/docs/Web/CSS/b...

Хотя, даже проще через background-size:

div {
  height: 140px;
  background: linear-gradient(90deg, rgba(195, 48, 255, 1) 0%, rgba(0, 157, 255, 1) 100%) no-repeat;
  border: 1px solid red;
  background-size: 100% calc(100% - 35px);
}

обратите внимание на no-repeat

можно короче, но хуже читается

div {
  border: 1px solid red;
  height: 140px;
  background: linear-gradient(90deg, rgba(195, 48, 255, 1) 0%, rgba(0, 157, 255, 1) 100%) no-repeat 100% calc(100% - 35px);
}