Как сделать темный фон и прозрачный квадрат на этом же темном фоне на рисунке?

Question

[Нурсултан Молдобаев]

Как сделать темный фон и прозрачный квадрат на этом же темном фоне на рисунке html+css+js Вот пример для ясности www.jqueryrain.com/?BEAlLLl9

Answer 1

[Руслан]

Никак. В примере там просто блок с этой же картинкой поверх расположен и двигается в зависимости от позиции блока.

Comments

[Нурсултан Молдобаев]

Спасибо не знал как это работает буду думать как это реализовать

[Юрий Лобанов]

@rOOse почему никак?

[Руслан]

@iiil никак, я имел ввиду что это будет один блок какого-то цвета, с прозрачным окном, предназначенный для кропа как в примере, про вариант с границами, про который написано ниже, я тоже думал, имхо извращение =), а так смотря для каких целей, например можно с помощью svg сделать

Answer 2

[Константин Китманов]

Еще как вариант — div с прозрачным фоном и очень большими границами, цвет которых задан через rgba.

Comments

[Нурсултан Молдобаев]

А как квадрат сделать чтоб он просвечивал этот див?

[Константин Китманов]

@Diyahon ээ, див и будет просвечивающим квадратом. Вот пример: jsbin.com/hefakedu/1/edit
Меняя border-left и border-top, можно перемещать квадрат

[Нурсултан Молдобаев]

Спасибо

[Константин Китманов]

@Diyahon на здоровье:)

Answer 3

[Misha7]

С темным фоном думаю понятно. А прозрачный квадрат вот (htmlbook.ru/blog/poluprozrachnyy-fon)

Comments

[Нурсултан Молдобаев]

Квадрат же просто прозрачный а мне нужно чтоб квадрат прозрачный был в фоне черном