Как сделать прелоадер, затемняя только часть контента?

Question

[Антон]

В сети полно примеров, но все они затемняют всю страницу, пока сайт не загрузится. Как затемнить только определенную часть контента пока грузится сайт, например контент div с id "result"?

Answer 1

[Алексей Скляров]

Добавляете к этому id класс, который повесит :after на блок, например класс .overlay

.overlay {
poistion:relative;
}
.overlay:after {
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
background-color:rgba(0,0,0,.5);
content:'';
}