Să vorbim despre proprietățile CSS3 datorită cărora puteți crea diverse efecte de apariție, de exemplu text, când plasați cursorul peste imagini și nu numai. j # 097; vascript nu este utilizat, care afectează browser, deși pe ecran apare mesajul text va fi, dar fără efect.
Iată piesa de bază pe care vom efectua o varietate de manipulări:
Clase. Portofoliu-container. .de portofoliu, nu ne interesează în mod special.
Vom lucra cu elementul din listă.
Fiecare element al listei și imaginea are următoarele proprietăți:
Obvodochku, umbre, de frontieră, dimensiunea blocului 201px, 150px (trebuie să fie egală cu dimensiunea imaginii, pentru a evita întinderea oblateness sau - ca în exemplul nostru)
Apoi, vom aranja titlul textului care apare.
Acum vom proiecta blocul cu conținutul care apare. Adăugându-i efectele aspectului de ușurință în exterior:
Acum, separat același bloc cu conținutul în curs de dezvoltare, atunci când se hovering:
Pentru alte elemente ale listei, alte efecte sunt implementate, mult mai extravagante.
Vorbind despre fiecare dintre ele nu are sens, și va dura mult timp, așa că ne uităm la Demo. descărcați și urmăriți sursa.
DESCĂRCAȚI Salt la: Navigare, căutare
890,46 Kb Cine a descărcat-o?