A hatás a „élő háttérkép” egy weboldal segítségével css
Bizonyára láttál egy ilyen szórakoztató hatást az élő képeket, amikor a fókusz-hez csak egy mobil egység, egy ilyen hatás nem tudja átadni oldalon. Van ma akarta mondani, és ossza módon végrehajtani ezt a funkciót a helyszínen, kérjük, vegye figyelembe, hogy csak akkor tudunk használni a stílus szabályokat, akkor nem kell használni a különböző szkriptek funkciót, akkor, hogy ez a hatás sokkal rugalmasabb és könnyen megjelenítheti. Továbbá, az általunk előre elkészített kép.
Ez a háttér lesz egy nagy mellett a személyes oldal, amely megjeleníti a célpont információ vagy falusi csonk. És így, kezdjük.
1. lépés: HTML
Először is létre kell hozni egy viszonylag egyszerű elrendezés, amelyben mi lesz egy konténer, ami bekerül három rétegből áll, ebben az esetben mi lesz három réteg a képek, hogy összekapcsoljuk a stílusok:
Ne felejtsük el, hogy kell, hogy megfelelően csatlakoztassa fájlok stílusok jobb jelzik az utat, hogy a forrás anyag a szerveren.
2. lépés: CSS
A legfontosabb eleme ez lesz a pastiche, meg kell kezdeni, meg az általános paraméterek a tartály, és akkor csatlakoztassa a képet a hozzárendelt pozicionáló szabályok:
Mint látható, már csatlakozik a négy kép, ebből három lesz izzók, amelyhez meghatározza az átalakulás hatása a tengelyek, a negyedik - a háttérben, amely megteremti a hatása a kép perspektívája.