schrift animiert

[matp]

hallo,

kann mir vl. jemand sagen wie sowas mit der schrift auf der einstiegseite ohne flash zu realisieren ist??

bzw wie ich bei den unteren 3 bildern mit dem hoover zeitlich bzw nacheinander einstellen kann.

http://www.alpina-ischgl.com/


nice greetz matp

[magicsepp]

das sieht nach Adobe Edge Animation aus

[matp]

das sieht nach Adobe Edge Animation aus

hi danke für die antwort, anders ist sowas nicht umsetzbar oder?? (jquery, java)
auch die boxen unten nicht??? (wechsel bild/schrift)

greetz matp

[lucina]

Du kannst das natürlich auch selbst schreiben - sicher performanter als mit dem Edge-Monster. Ist eh alles Javascript und CSS ... ;-)

[fivebytes]

Hallo matp,

das mit den Boxen ist recht simpel zu lösen, im Prinzip sind das zwei Elemente, relative und absolut positioniert und nur eines ist am Anfang sichtbar. Per Pseudo-Klasse :hover wird dann das zweite Element angezeigt. Mit Transition und opacity lässt sich dann komplett ohne weitere Scripte ein solcher Effekt auf reiner CSS-Basis erzeugen.

Bei der Schrift wird es in jedem Fall zu dem CSS ein zusätzliches Script geben, aber wie das genau funzt bzw. was da genau abläuft weiß ich leider auch nicht, sieht aber echt schick aus ;-) Einfach nur das Element von links nach rechts sichtbar machen würde nicht so geschrieben aussehen. Evtl. ist es aber auch einfach "nur" eine Animation im Hintergrund, müsste man jetzt mal mit dem Firebug tiefer in die Codes schauen.