Как сверстать такой фон?

Question

[ryzhak]

Как сверстать вот такой градиентный фон с убывающими кружочками? Можно же как то с помощью css?



Thanks in advance

Answer 1

[KorsaR-ZN]

Так он вроде по горизонтали"репитется", тут плохо видно, но вроде можно вырезать.

Примерно вот так:


Ну а дальше просто в css на div
background: url('bg-repeat.png') repeat-x;

UPD:
Вырежьте нужный кусочек, в зависимости с чего начать надо, с пустой (белой) точки или с кружочка, ну т.е мою область просто отзеркалить надо, если с пустой точки начинать надо.

Answer 2

[Станислав Романов]

С помощью div:after ?

Comments

[ryzhak]

всмысле тупо картинкой воткнуть?

Answer 3

[andreloster]

с помощью background и background-position в body :)

Answer 4

[Денис Инешин]

Не стоит, слишком много элементов будет добавлено в дом. Старые браузеры сразу начнут тормозить.