background на половину экрана

[jdk]

Добрый день.

Нужно сделать вот такой background

Меня интересует как сделать точки в блоке, в который вложена фигура? Т.е. блок в верху примерно 10%, а внизу 60%. И сами точки, их лучше изображением вставить?

 

[Switch74]

думаю для этого может подойти векторная графика, если каждая точка должна будет двигаться или как-то реагировать, то наверно их лучше делать отдельно

еще можно посмотреть в сторону рисования круга с помощью css

[jdk]

Относительно похожую фигуру я сделал при помощи seen.js. Но не знаю как сделать такой background у фона, который под фигурой идёт (куча мелких точек).

[Switch74]

как вариант просто замостить фон, и наложить по верх трапециевидный блок с белым фоном - который можно сделать с помощью бордера

ну или SVG сформировать через js