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

CSS

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

Ċċajpar

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

Sħab

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

logos

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

Jannar

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

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

Ċ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

Flex

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

Navigazzjoni

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

Barras

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

Janimaw

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

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

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

flip switch

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

Ħjiel

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

kuluri

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

voxels

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

tipografija

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

spinners

spinners

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

Indikaturi tal-linja tal-ħlas

Indikaturi

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

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

Imbattla

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

hue.css

Degradat

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

Jimmaterjalizza

materjal

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.


Il-kontenut tal-artikolu jaderixxi mal-prinċipji tagħna ta ' etika editorjali. Biex tirrapporta żball ikklikkja hawn.

Kun l-ewwel li tikkummenta

Ħalli l-kumment tiegħek

Your email address mhux se jkun ippubblikat.

*

*

  1. Responsabbli għad-dejta: Miguel Ángel Gatón
  2. Għan tad-dejta: Kontroll SPAM, ġestjoni tal-kummenti.
  3. Leġittimazzjoni: Il-kunsens tiegħek
  4. Komunikazzjoni tad-dejta: Id-dejta ma tiġix ikkomunikata lil partijiet terzi ħlief b'obbligu legali.
  5. Ħażna tad-dejta: Bażi tad-dejta ospitata minn Occentus Networks (UE)
  6. Drittijiet: Fi kwalunkwe ħin tista 'tillimita, tirkupra u tħassar l-informazzjoni tiegħek.