Фон для сайта градиентом CSS

Фон градиентом смотрится очень красиво, как для всего сайта, так и для его элементов. Можно использовать градиент с двумя и более цветами. Для того, чтобы подобрать цвета, можно воспользоваться генератором градиента.

Пример

Lorem Ipsum

HTML


<div class="bg-ex-gradient">Lorem Ipsum</div>

CSS


.bg-ex-gradient{
  background: #ed836e;
  background: -webkit-radial-gradient(circle farthest-side at center center, #ed836e 0%, #e32f21 100%);
  background: -moz-radial-gradient(circle farthest-side at center center, #ed836e 0%, #e32f21 100%);
  background: radial-gradient(circle farthest-side at center center, #ed836e 0%, #e32f21 100%);
}