Как наложить CSS-маску-изображение на объект (не работает)?

Question

[BanterFace]

Есть код:

<style>
#source {
  -webkit-mask: url('http://u11053mo2.ha002.t.justns.ru/3.jpg');
  mask: url('http://u11053mo2.ha002.t.justns.ru/3.jpg');
  -webkit-mask-image: url('http://u11053mo2.ha002.t.justns.ru/3.jpg');
  mask-image: url('http://u11053mo2.ha002.t.justns.ru/3.jpg');
  height: 400px;
  width: 400px;
  background: #ff0000;
  position: absolute;
}
</style>
<div id="source"></div>

Ну и... Он не работает. Смотрел в хроме. В чём ошибка?