Resurse noi pentru Web Design-ul cu CSS
Chiar daca multi dintre voi preferati jQuery pentru animatii frumoase, vom prezenta in acest articol cateva elemente de web design care au fost create doar in CSS si HTML si pot da site-ului dumneavoastra efecte si o interactivitate aparte.
Efect de marire a imaginilor obtinut doar cu CSS
Poate ati vazut acelasi efect obtinut cu jQuery inainte, dar acum aveti solutia scrisa doar in CSS .
Demo Efect | Documentatie si Download
Iconite de Social Media create cu CSS ( fara imagini )
Iconite fara imagini poate suna ciudat, dar uite ca se poate. Avantajele principale ar fi ca nu mai exista imagini de incarcat si grafica este preluata din CSS.
Butoane Moderne obtinute cu CSS3
Butoane create doar in CSS3, insa sunt vizibile doar in browserele care suporta CSS3, celelalte browsere nu vor vedea colturile rotunjite sau anumite efecte.
Cutie CSS cu continut schimbabil din butoane
Daca titlul nu va spune nimic , imaginea de mai sus si demo-ul sigur va spune.
Subsol Fix la derularea continutului
Subsolul va ramane lipit de bara chiar daca continutul se va derula pe pagina.
Meniu cu submeniuri creat doar cu CSS3
Atat meniul cat si efectele de aparitie a submeniului atunci cand este mouse-ul deasupra au fost create folosind doar CSS3.
Efect de meniu retractabil ( efect de acordeon )
Probabil unul din cele mai cautate efecte jQuery folosite pana acum , atat ca a fost creat in totalitate in CSS.
Demonstratie si Tutorialul de creare/Download.
Sper ca v-au placut tutorialele si tehnicile css folosite in exemplele prezentate astazi.
Nota: Unele efecte s-ar putea sa nu functioneze in browserele mai vechi sau Internet Explorer datorita tehinicilor care au fost folosite , in special CSS3, care are nevoie de browsere moderne pentru a rula.
Tags:
