23 librerija CSS ta 'kwalità għolja għad-disinn tal-web

Il-libreriji kurrenti tas-CSS huma prova tal-livell għoli ta ’disinn tal-web u kif dawn jagħmlu l-affarijiet eħfef meta jiġu biex jimplimentaw dawk il-modi brillanti ta 'kif nifhmu x'inhi l-esperjenza tal-web.

Huwa għalhekk li se nagħmlu taqsam 23 librerija CSS ta 'kwalità għolja ta ’diversi artisti li jippruvaw kif kollox huwa possibbli permezz ta’ dan il-lingwaġġ tad-disinn. Offerta interessanti ta 'riżorsi biex tiskanta x'jista' jinkiseb permezz tas-CSS.

Ċċajpar il-Menu

a demo ottimizzat b’mod brillanti li fih tista 'ssib sa seba' eżempji. Huma jużaw it-transizzjoni CSS3 u dak li jkun intelliġenza kbira fl-użu ta 'seletturi differenti biex joħolqu effett ta' ċċajpar ta 'kwalità għolja.

Sħab CSS3D

Biss imxi fuq din id-demo, tkun tista 'tesperjenza l-effett kbir miksub b'din il-librerija CSS. L-aqwa minn kollox, dawk is-sħab jinsabu f'moviment sħiħ. Juża CSS3 3D Transforms kif ukoll JavaScript. Mill-link tista 'taċċessa t-tutorja fejn issib kull wieħed mill-passi.

Logos f'CSS pur

Din il-librerija fiha uħud mill-iktar logos popolari minn dawk kollha bħal Apple jew Twitter. Huwa aktar minn interessanti li tista 'tkun taf il-proprjetajiet ta' kull wieħed mill-logos billi tpoġġi l-mouse pointer. Għandek l-aċċess għall-kodiċi sħiħ mill-link.

Navigation bar minn Jan Kadera

Minn codepen.io għandna aċċess għal din il-bar tan-navigazzjoni fi 3D li jiċċaqlaq mill-isbaħ u li minnu nistgħu nkunu nafu bis-sħiħ il-kodiċi tiegħu. Il-ħaġa partikolari dwar din il-librerija hija li hija magħmula minn 65 linja biss. Karatteristiċi ġodda CSS3 huma preżenti fl-effett tal-kamp tal-fond.

Pannelli tal-immaġni li jiżżerżqu

Għandek aċċess għat-tutorja minn hawn. Il-valur kbir tiegħu huwa kif bla xkiel l-animazzjonijiet meta tiżżerżaq il-pannelli tal-immaġni. Tista 'taċċessa erba' varjazzjonijiet biex tinkorporahom fuq il-websajt tiegħek u tikseb riżultat magnífico.

Ċirku doppju

Aħna qegħdin qabel ċirku rikreatt perfettament b'animazzjoni tal-manifattura kbira. Minn codepen.io għandek aċċess għall-kodiċi kollu magħmul minn mijiet ta 'linji.

Flessbox

Flexboxes huma l-mod il-ġdid CSS biex juru kolonni fuq paġna. A gwida pjuttost komprensiva biex tifhem dawn il-kontenituri.

Menu ta 'navigazzjoni kkulurit

Għandek aċċess għal l-HTML u CSS kollha għal dan il-menu tan-navigazzjoni li jistqarr ħafna imħabba għall-kulur. Huwa magħmul kompletament fis-CSS sabiex tkun tista 'tgħaddas lilek innifsek f'din il-lingwa.

Progress bars fis-CSS3

Għalkemm huwa bl-Ingliż, bħal ħafna mill-ħwienet tal-kotba, HTML u CSS huma dettaljati sew meħtieġa biex ikollhom vireg tal-progress tad-disinn. Gradjenti, linji u tipi oħra ta 'effetti viżwali jistennewk.

Animate.css

Popolari fuq GitHub, huwa magħmul kompletament fis-CSS. Agħżel l-animazzjoni li trid tkun taf, u trid tikklikkja biss fuq il-buttuna "Janimaha" biex tara l-effett f'Animate.css. Tista 'tniżżilha jew taraha fuq GitHub.

Spinkit

Qegħdin niffaċċjaw ġabra ta 'indikaturi li jistgħu iservu għal kull tip ta 'elementi viżwali fil-web. Ikklikkja fuq "Sors" u ssib il-kodiċi kollu meħtieġ għall-eżekuzzjoni tiegħu.

Buttuni

a Librerija tal-buttuni CSS tal-modi u l-ideat kollha biex issib dak li għandek bżonn biex tiddifferenzja ruħek mill-kompetizzjoni. Mill-sidebar tista 'tiddiżattiva l-forom jew l-effetti li ma tridx issib u b'hekk tiffoka fuq waħda b'mod partikolari.

FlipSwitch

Aħna qegħdin qabel app li tippermettilek li tiddiżattiva ċerti buttuni biex noħolqu wieħed li huwa eżattament dak li qed infittxu. Aħna nużaw is-settings differenti u fl-aħħar nistgħu nirriproduċu l-kodiċi li se nikkupjaw għall-websajt tagħna. Riżorsa interessanti ħafna għall-versatilità u l-istil kbir tagħha.

Ħjiel.css

a Librerija CSS mingħajr JavaScript u lest biex tużah kif tixtieq. Daqs żgħir, faċli biex tużah u jaħdem fl-aktar web browsers moderni.

Kuluri.css

Għal dak li fittex il-kulur minn alternattiva interessanti u li jippermetti prototipi mgħaġġla għal websajts b'aspett viżiv kbir.

Voxels.css

Jekk taf Minecraft, il-logħba tal-kostruzzjoni, żgur li din il-librerija CSS hija faċli biex tagħrafha. Dawwar hekk kif nagħfsu fiċ-ċentru biex tmur tiġġenera l-grilji.

Tipografija

a tipa CSS pura ħfief sempliċement perfetti għall-proġett li jmiss tiegħek.

spinners

a kollezzjoni kbira ta 'animazzjonijiet tat-tagħbija ta 'ikoni f'CSS u HTML.

Indikaturi tal-linja tal-ħlas

Test pur f'par CSSbiex tgħabbi indikaturi ta 'kull tip. Sors tajjeb ħafna biex issib dak l-indikatur meħtieġ u t-tajjeb għall-websajt tiegħek.

loader css

Ieħor tipa għat-tagħbija ta 'ikoni li jistgħu jiġu personalizzati għal kull tip ta 'animazzjonijiet.

Immaġini Hover

a librerija CSS skalabbli u ta 'ftit piż ta' immaġini għal dik il-klassi "imbagħad jerġgħu".

hue.css

Sors ta ' 49 gradjent jew gradjent fotorealistiku għat-tipi kollha ta 'kontenut u stampi.

Jimmaterjalizza

Un Qafas CSS ibbażat fuq id-Disinn tal-Materjal, il-prinċipju tad-disinn użat minn Google f'numru kbir ta 'apps u fis-sistema operattiva Android tagħha stess.

Titlifx l-appuntament bix-xbieki lesti ħafna ma immaġini svg.