Archívum mappák
Üvegmappák, amik megdőlnek, kinyílnak, és kiterítik, ami bennük van.
Vidd rá az egeret, kattints egy mappára, aztán egy lapra: az a munka oldalára visz. A + gombbal a következő munka hullik a Weboldalak mappába, a ··· gomb menüt nyit.
Egyedi animáció / motion design
Egyedi animációk, mozgás és interaktív elemek, amelyek megkülönböztetik az oldalt a sablon-hatástól.
60 000 Ft-tól
Egy mappa, aminek van hátlapja, benne vannak a fájlok, elöl pedig egy fagyosított üveglap, ami elmossa mindazt, ami mögötte mozog. Ráviszed az egeret, és megdől feléd; rákattintasz, és a munkák legyezőszerűen kiemelkednek, mindegyik egy valódi link.
- backdrop-filter
- CSS 3D
- Pre-rendered art
Hogyan működik
Három réteg áll egymás mögött: hátul a háttérlap egy képpel, középen a fájlok, elöl az üveg, ami elmossa azt, ami mögötte van (CSS backdrop-filter). A mappa nem egy kép egy mappáról: a fájlok valódi elemek a két lap között, ezért az üveg mozgás közben is élőben fagyosítja őket. A dőlést, a legyezést és a pattanást a CSS számolja a videókártyán, a JavaScript csak azt adja át, hogy nyitva van-e a mappa, és hol áll az egér.
A háttérkép nem a látogató gépén készül: előre legyártott, pár tíz kilobájtos kép, ezért a mappa nyugalmi állapotban semmibe sem kerül, és nincs benne számolás. A mappa tud magától is mintát festeni, de azt kis szeletekben, a képkockák között osztja szét, és csak akkor, ha már a képernyő közelében van. Billentyűzettel is használható (Enter, nyilak, Esc), csökkentett mozgást kérő látogatónál pedig minden egyszerűen a helyére ugrik, mozgás nélkül.
Szeretnél ilyet a saját oldaladra?
A motion és a WebGL a munkám része. Megbeszéljük, mi férne a te oldaladba úgy, hogy közben gyors maradjon.
Árajánlatot kérek
Szerkesztő felületÍrd át az oldalad tartalmát kódolás nélkül, és azonnal látod az eredményt.