Transition Effekt - aber wie?

[CooperCpp]

Hallo Zusammen,
ich möchte gern den Effekt von dieser Seite nachmachen ( )
Es geht um den Effekt wenn man über die "haupt"-Menü punkte mit der Maus berührt das Untermenü so nach unten rutscht. Denke mal das geht mit CSS3 und Transitions, leider hab ich damit keine Erfahrung und würde mich freuen wenn mir das einer Erklären kann

 

[Mackymesser111]

AW: Transition Effekt - aber wie?

Nein so wie das aussieht ist das mit jQuery und Widgetkit gelöst.

Wenn du Hilfe mit Transisions brauchst dann probier doch einfach mal rum (es gibt genug Tutorials dazu) und wende dich an das Forum wenn du konkrete Fragestellungen hast. Ansonsten müsste man dir ein persönliche Tutorial schreiben…

 

[piepel]

AW: Transition Effekt - aber wie?

Du kannst einen Effekt so ähnlich nachstellen.
Geh mal auf diese Seite
http://1.s3.envato.com/files/34141749/index.html
und untersuche mal mit firebug den Container <div class="cols3"> unter "Products" (im Quelltext direkt unter <!-- start mega menu -->)
Wenn du im zugehörigen Stylesheet

.slide ul, .slide li > div {    display:block !important;    opacity:0;    transform:translateY(50px);    transition:visibility 0s linear 0.2s, transform 0.2s linear 0s, opacity 0.2s linear 0s;    visibility:hidden;}

transform:translateY(50px); negativ machst, also transform:translateY(-50px); kommt der Container von oben.
Ich hab noch ein bisschen mit den Zeiten gespielt und war von dem Ergebnis einigermassen überrascht.

 

[CooperCpp]

AW: Transition Effekt - aber wie?

Sehr gut danke, das das nicht mit CSS3 gemacht wurde überrascht mich jetzt, aber genau so eine Antwort von piepel hab ich mir erhofft damit kann ich was anfangen, viele dank piepel

 

[simonpicos]

AW: Transition Effekt - aber wie?

Nur ein kleiner Hinweis dazu: Da der Link auf Envato-Server verweist, wird das die Demo von einem Item auf http://codecanyon.net wäre ich sehr vorsichtig mit Kopieren von Codestellen...
Nur als Vorbeugender Hinweis

 

[piepel]

AW: Transition Effekt - aber wie?

@simonpicos
Soweit ich mich richtig erinnere ist HTML und CSS Quellcode frei. Wenn natürlich ernste Bedenken bestehen, editier ich das Codestück wieder raus.