Как сверстать «кропалку»?
Выше пример, открой инструменты разработчика и разбери по кусочкам, что и как там. Там одна фоновая картинка, вторая внутри рамки, фоновая затеняется, в рамке нет. Так достигается эффект. При перемещении рамки, внутри перемещается картинка в обратном направлении, тем самым она остается неподвижной.
Кропалко
UPD. Тогда вот так:background-color: transparent;
box-shadow: 0 0 0 1000px rgba(0,0,0,.6);