Keresés

Új hozzászólás Aktív témák

  • Sk8erPeter
    nagyúr

    Köszönöm szépen a tippet, megismerkedtem a animation.css és a JQuery féle együttes animációkkal, nagyon jól néznek ki az oldalamon. Megy a hover, click funkcióval is szépen, viszont, az automatikus késleltetett animációt waypointssal még mindig nem sikerült belőnöm. Pedig ez lenne a kulcsa a header rész görgetés általi opacity csökkenésének, valamint az oldalon található szöveg (kép) animációkra, ami a júzer görgetésére következik be a lentebbi részeken. One page design által felépített oldalról van szó, ha ez valakit érdekelne. :)

    Tehát a kérdésem a következő. Próbáltam JSFiddleben is összerakni a dolgot, nem megy. JSFiddle itt. Tehát pl. hiába van az utolsó pár paragraphnak osztályra megadva, nem ugrik fel semmilyen figyelmeztető ablak. Mit rontok el?

    Sk8erPeter linkelt oldala alapján csinálgattam, amit mégegyszer köszönök, de ez a waypoints nem nagyon akar működni.

    Köszönöm a válaszokat!

    wis már leírta a választ, nincsenek megadva az erőforrásfájlok. De még magát a jQuery-t sem adtad meg, mint felhasznált erőforrást. :) Érted, egy autó kerék nélkül nem fog gurulni, ez is olyan.

    "megismerkedtem a animation.css"
    Az mi? :) A CSS transition tulajdonságaira gondolsz?

    "ez lenne a kulcsa a header rész görgetés általi opacity csökkenésének, valamint az oldalon található szöveg (kép) animációkra, ami a júzer görgetésére következik be a lentebbi részeken. One page design által felépített oldalról van szó"
    Ilyesmi jellegű izgő-mozgó, animált dolgokra, amiket szeretnél, itt van egy gyors ránézés alapján jónak tűnő példa, ami megmutatja, hogy nem feltétlenül szükséges a Waypoints használata sem (viszont ettől még nagyon jól jöhet):
    http://designshack.net/articles/css/how-to-design-animated-sliding-page-elements-with-css/

  • wis
    tag

    Köszönöm szépen a tippet, megismerkedtem a animation.css és a JQuery féle együttes animációkkal, nagyon jól néznek ki az oldalamon. Megy a hover, click funkcióval is szépen, viszont, az automatikus késleltetett animációt waypointssal még mindig nem sikerült belőnöm. Pedig ez lenne a kulcsa a header rész görgetés általi opacity csökkenésének, valamint az oldalon található szöveg (kép) animációkra, ami a júzer görgetésére következik be a lentebbi részeken. One page design által felépített oldalról van szó, ha ez valakit érdekelne. :)

    Tehát a kérdésem a következő. Próbáltam JSFiddleben is összerakni a dolgot, nem megy. JSFiddle itt. Tehát pl. hiába van az utolsó pár paragraphnak osztályra megadva, nem ugrik fel semmilyen figyelmeztető ablak. Mit rontok el?

    Sk8erPeter linkelt oldala alapján csinálgattam, amit mégegyszer köszönök, de ez a waypoints nem nagyon akar működni.

    Köszönöm a válaszokat!

    Az lenne a csoda ha működne ugyanis elfelejtetted behúzni a könyvtárakat.
    Működő verzió
    Baloldalt az External Resources résznél tudsz hozzáadni saját scripteket.

Új hozzászólás Aktív témák