Как сверстать «кропалку»?

Question

[Рахэб Ватаниар]

Хочу сверстать статику, но не могу понять как сделать окно "кропа" прозрачным. Скиньте какие нибудь примеры пожалуйста

Answer 1

[Exploding]

Кропалко

UPD. Тогда вот так:

background-color: transparent;
box-shadow: 0 0 0 1000px rgba(0,0,0,.6);

Comments

[Рахэб Ватаниар]

Видел, но мне нужно отверстать, а не подключить и заюзать готовое. Инспектил, проблему не решил

[Exploding]

Рахэб Ватаниар, Ниче не инспектил - сам придумал))))

Answer 2

[profesor08]

Выше пример, открой инструменты разработчика и разбери по кусочкам, что и как там. Там одна фоновая картинка, вторая внутри рамки, фоновая затеняется, в рамке нет. Так достигается эффект. При перемещении рамки, внутри перемещается картинка в обратном направлении, тем самым она остается неподвижной.