Hogyan lehet ilyen weblap animációt készíteni? (Bővebben Lent)

ez pl. flash, de fölösleges, csak egy háttérkép előtűnés hover eseményre.

sima CSS -el is megoldható

Na ehhez aztán szükség van a Flash-re.

Amit csinálnék:

-két kép, egyik csak felirat, másikon van a felirat + glow

-két képet egymás felé pozicionálod, felül legyen a glow verzió, opacity 0

-hover in eseménynél opacity-t animáld 1-be, és hover out-nál vissza 0-ba.

HTML-t, CSS-t érted valamennyire? Ha nem, itt egy oldal hozzá: [link]

Amit csinálnék: Megrajzolnám/letölteném/megcsináltatnám a 2 képet. (A simát, meg azt, amikor az egér fölötte van).

A sima képet beteszed az oldalba, mondjuk egy div háttereként (minimáls HTML,CSS),és átváltoztatod a hoverral, ha rajta az egér (szintén kis CSS).

A Flashhez nem értek, bocsi. :(

A CSS egyetlen hibája, hogy nem tud ilyen szép átmenetet. De ezen felül tökéletes megoldás.

G.

Esetleg Javasrcipt ? Demo: [link]

Én a menüelemeimnél használom.

CSS3-al megoldható:

transition: opacity 0.3s;

Nem tudom aktuális-e de ez sima HTML onMouse...

Keress rá neten!

<a/><img src="pl.MFP2.gif" OnMouseOver="this.src='pl.MFP1.gif'" ha rámész OnMouseOut="this.src='pl.MFP2.gif'"></a> ha nem vagy rajta

És a képek és pl. hogy ilyen szép legyen több képpel csinálod :)