Locație：pagina principala > Lista de șabloane
Interfața aplicației pentru prognoza meteo în stilul cardului CSS3
Frumoasă aplicație de prognoză meteo pentru stilul cardului CSS3, codul de proiectare a interfeței UI care arată vremea. Afișați detaliile meteo ale zilei și prognoza meteo pentru următoarele zile, cu efectele precipitațiilor, umidității, vitezei vântului și locației locale.
Stilul cardului de informații al membrilor echipei CSS3
Membrii echipei CSS3 au introdus efectele speciale ale cardului. Acest efect special de stil de carte este folosit pentru a prezenta membrii unei anumite echipe. Cartea are avatarul personajului și o descriere simplă. Când mouse-ul este plasat pe card, va apărea pictograma de contact social a membrului.
css3 dodge background style flip efect special
Utilizați CSS3 pentru a obține efecte de flip frumoase în stilul cardului, CSS3 pentru a ușura fundalul culorilor stilului cardului, atribute de animație pentru a face selecția tipului de produs server de cloud, aspectul cardului UI, efecte pentru flip-ul cardului. Acesta este un efect general de aspect al cardului de produs.
Efect de înclinare a stilului cardului de produs Three.js
Efect de înclinare a stilului cardului de produs Three.js
Codul stilului de font stereo Typekit
Codul stilului de font stereo Typekit, efectul special al stilului de font artistic realizat de css.
Stil de card de informații cu utilizator CSS3 pur
Efect de design pur al cardului de utilizator CSS3. Efectul de design al cardului este combinat cu SVG pentru a produce efecte de animație interesante atunci când cardul este plasat pe mouse.
Plugin pentru prognoza meteo jQuery + SVG
Interfața este foarte frumoasă cu efecte de prognoză meteo HTML5 + SVG, stiluri de carduri, folosind tehnologia jQuery și CSS3 pentru realizare, acest plug-in de prognoză meteo jQuery se caracterizează prin schimbarea dinamică a orașelor, prin citirea datelor interfeței legate de site-ul meteo pentru a afișa diferite orașe condiții, în timp ce pluginul poate seta și elemente relevante care trebuie afișate pe interfața de prognoză meteo.
stilul cardului css3 întoarce codul efectului special
Utilizați css3 pentru a implementa mouse-ul în stilul cardului, întoarceți cu mouse-ul la flip codul de animație cu efect special
jQuery text grafic comutare plugin stil carte
Un grafic foarte creativ în stilul cardului grafic și plug-in de comutare a textului. Este diferit de plug-in-ul de comutare carusel pe care l-am partajat anterior, deoarece conținutul pe care îl schimbă poate fi întârziat. De exemplu, imaginile personajelor jocului din conținut pot fi afișate în întregime După ce ecranul este comutat, acesta se estompează în afișaj, adică acceptă încărcarea pas cu pas.
jQuery micșorează recursiv meniul din stânga
jQuery micșorează recursiv meniul din stânga și jQuery se micșorează automat când faceți clic pe meniul din stânga, utilizând formatul de date json
jQuery acceptă pluginul pentru meniul arborelui ajax
jQuery multi-level tree menu plug-in, extras din binecunoscutul cadru de management al fundalului Ace, are următoarele caracteristici: 1, poate defini niveluri nelimitate de meniu tree; 2, suportă încărcarea asincronă Ajax a nodurilor de copac; 3, arborele personalizat Pictograma nodului selectat. Un alt lucru este că tema acestui meniu arborescent jQuery poate fi personalizată și arată foarte frumos.
plugin de segmentare a ferestrei de pagină js auriu-layout
golden-layout este un plugin puternic de divizare a ferestrei de pagină. El poate maximiza fereastra, minimiza fereastra și închide fereastra. De asemenea, puteți seta linia de separare, trageți linia de separare pentru a modifica dimensiunea ferestrei, iar aceasta este receptivă.
Plugin de meniu în arborele jQuery
Un simplu plug-in de meniu în arborele jQuery pe mai multe niveluri, demo-ul implicit este un meniu pe 3 niveluri, datele nu sunt încărcate cu date json, sunt implementate cu cod html, iar codul jQuery este extins și contractat.
jQuery casetă text multi-nivel meniu derulant arbore
Efecte frecvente de selecție a meniului copac, utilizați jQuery și selecția meniului copac pentru a atribui valori casetei de text, care poate oferi experiență utilizatorului.
Animația în arbore HTML5 lasă o creștere recursivă
Animație HTML5 a creșterii frunzelor recursiv, animație demonstrativă a generării frunzelor bazată pe pânză.
Butonul din colțul din dreapta sus, difuzie circulară, meniu de navigare, efecte speciale
Un meniu de animație cu difuzie circulară implementat de css3 + js. Butonul implicit se află în colțul din dreapta sus al paginii web. Faceți clic pe buton pentru a afișa un efect de meniu de difuzare cu mai multe straturi.
Flat Bootstrap3 înfrumusețează bara de navigare cu submeniuri derulante
O bară de navigare bazată pe cadrul Bootstrap3 cu submeniuri, culoarea de design plat poate fi personalizată, iar pictogramele fontului FontAwesome fac bara de navigare mai frumoasă.
jQuery animat cadere animat meniu ecran complet
Utilizați jquery + css3 + svg pentru a obține un stil de meniu rece, meniu de navigare cu ecran complet cu efecte de animație. Faceți clic pe meniul hamburger din colțul din dreapta sus, va apărea o animație în cădere, ca un efect de pagină web cascadă.
jQuery meniul de navigare pe ecran complet suprapune tranziția CSS3
Codul meniului de navigare pe ecran complet cu efect de animație de tranziție CSS3. Pop-up-ul este implementat utilizând evenimente jQuery. Meniul de navigare este realizat folosind CSS3 și o cantitate mică de jQuery. Când utilizatorul dă clic pe butonul hamburger din colțul din stânga sus, meniul cu ecran complet va aluneca din partea de sus a ecranului.
Extinderea efectului de animație a meniului cu ecran complet SVG în colțul din stânga sus
SVG realizat făcând clic pe pictograma din colțul din stânga sus pentru a extinde meniul pe ecran complet cu efecte de animație interesante
