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

[toaspzoo]

Nie przycinaj, daj na to diva, który będzie się rozwijał

[markonix]

No myślałem o tym, ale napisałem że to średni pomysł.
Poza tym już też w ramach ciekawości chciałbym wiedzieć jak przykrywać elementy zmieniając wysokość kontenera.

[Arcioch]

Css clip
Dodatkowo ktoś napisał plugin do jQuery do animowania clipa LINK i link do oryginału LINK2

Ten post edytował Arcioch 15.05.2013, 23:16:09

[markonix]

To już fajniej wygląda.

Ogólnie też udało mi się w końcu coś wyrzeźbić:
http://jsfiddle.net/Z95NP/5/