Hatások a képek fölött történő lebegéskor - szkriptek a webhelyek számára
Beszéljünk a CSS3 tulajdonságokról, amelyeknek köszönhetően különféle megjelenési effekteket, például szöveget hozhat létre, amikor a képeket áthelyezi, és nem csak a képeket. j # 097; az írást nem használják, ami befolyásolja a böngésző kompatibilitását, azonban a megjelenő szöveg megjelenése lesz, de hatás nélkül.
Itt van az alapvető darab, amelyen különböző manipulációkat hajtunk végre:
Osztályok .portfolio-container. .portfólióelemeket nem fogunk különösen érdekelni.
A listaelemekkel dolgozunk.
A lista minden eleme és a kép a következő tulajdonságokkal rendelkezik:
Obvodochku, árnyékok, határokon, blokk mérete 201px, 150px (egyenlőnek kell lennie az a kép méretét, hogy elkerüljék a nyújtás lapultsÆga vagy - mint a példa!)
Ezután rendezzük meg a megjelenő szöveg címét.
Most meg fogjuk tervezni a blokkot a megjelenő tartalmakkal. Hozzáadva a könnyű-out-out megjelenésének hatásait:
Most ugyanaz a blokk a megjelenő tartalmakkal, amikor lebeg:
A lista egyéb elemeihez más effekteket hajtanak végre, sokkal extravagánsabbak.
Beszélgetés mindegyiknek nincs értelme, és sok időt vesz igénybe, ezért figyeljük a demót. töltse le és nézze meg a forrást.
LETÖLTÉS Ugrás: navigáció, keresés
890,46 Kb Ki letöltötte?