Jak przyciąć obrazek, Efekt zasłonięcia Opcje

[markonix]

Troszkę to bardziej css ale chodzi o animacje.

Tutaj mam wzór:
http://www.thetouchagency.co.uk/
niestety nie umiem skopiować.

Chodzi mi na ten moment wyłącznie o to jak obrazek jest "przycinany z góry".
Najpierw myślałem nad divem zaraz nad nim z height 0px i przy hover przykrywałby ale mało elastyczne (div musiałby mieć takie samo tło jak cała strona).

Zastanawiam się jak przykryć IMG od góry przycinając DIVa - kontener.
Jednak nawet jak go utnę to obrazek wystaje poza niego.
Wydaje mi się, że osiągnę to przez nadanie jakichś atrybutów css divowi i img.

http://jsfiddle.net/Z95NP/
tu nawet przez pewien moment dzieje się to o czym mówię - po najechaniu img się chowa choć to chwilowe no i docelowo nie z tej strony.

Ten post edytował markonix 15.05.2013, 22:49:21