Roll Effekt umsetzen

[tschero]

Guten Morgen an alle,

auf der folgende WebSite ist ein Roll Effekt wenn der Mauszeiger über die einzelnen Bilder "hovert".
Diesen Effekt würde ich gerne umsetzen.

Kann mir jemand einen Tip geben, wo ich ein Tutorial oder eine Beschreibung dazu finde.
Habe mir im Firebug schon den Code angesehen, komme aber noch nicht so ganz damit zurecht.

Über einen Denkanstoß würde ich mich freuen.

perfectinter.net

Gruß
tschero

 

[threadi]

Bei mir geht die Seite irgendwie gerade nicht?

 

[mobby]

Also bei mir hovern die Bilder einfach nur zu einem Text. Ich weiss jetzt nicht, ob du das mir Roll Effekt meinst oder nicht ...

 

[Frl. Ahnungslos]

Vielleicht hilft Dir der Transform-Effekt auf der Seite
CSS3 Generator

 

[pdflocker]

Das Bild und der Text dannach sind je 2 verschiedene divs. Der Text div ist auf display: hidden gesetzt. Mit der ccs3 eigenschaft transform kannst du dann diesen effekt machen. Bei der Hälfte ca. wird dann das bild div auf hidden gesetzt, und der text div auf block. Das kann man mit JS dann austesten. Einen guten generator für die css3 eigenschaft hast du z.b. hier: CSS3 transform Generator