Imitapo yolwazi yamanje ye-CSS kungubufakazi bezinga eliphakeme lokwakhiwa kwewebhu nokuthi lokhu kwenza kanjani izinto zibe lula uma kuziwa ekusebenziseni lezo zindlela ezinhle zokuqonda ukuthi yini isipiliyoni sewebhu.
Kungakho sizokwenza njalo yabelana ngemitapo yolwazi esezingeni eliphezulu ye-CSS engama-23 yabaculi abahlukahlukene abafakazela ukuthi konke kwenzeka kanjani ngalolu limi lokuklama. Ukunikezwa okuthokozisayo kwezinsizakusebenza zokumangala ngalokho okungafinyelelwa nge-CSS.
Imenyu ye-Blur
Una idemo elungiselelwe ngokukhazimulayo lapho ungathola khona izibonelo ezingafika kweziyisikhombisa. Basebenzisa inguquko ye-CSS3 nokuthi kungaba yini ubuhlakani obukhulu ekusetshenzisweni kwezikhethi ezahlukahlukene ukudala umphumela wokufiphala kwekhwalithi ephezulu.
Amafu we-CSS3D
Nge kuphela hambisa ngaphezulu kwalesi demo, Uzokwazi ukuthola umphumela omuhle otholakele ngalomtapo wezincwadi we-CSS. Okuhle kunakho konke, lawo mafu ahamba ngokugcwele. Isebenzisa i-CSS3 3D Transforms kanye neJavaScript. Ukusuka kusixhumanisi ungafinyelela esifundweni lapho ungathola khona isinyathelo ngasinye.
Izimpawu ku-CSS emsulwa
Lo mtapo wezincwadi uqukethe amanye ama-logo athandwa kakhulu ngakho konke okufana ne-Apple noma i-Twitter. Kuyajabulisa kakhulu ukuthi ungazazi izakhiwo zelogo ngalinye ngokubeka isikhombi segundane. Unokufinyelela konke kwikhodi ephelele kusuka kusixhumanisi.
Ibha yokuzula kaJan Kadera
Kusuka ku-codepen.io esinakho ukufinyelela kule bar yokuhambisa ku-3D lokho kuhamba ngokumangazayo futhi lapho singakwazi khona ngokuphelele ikhodi yayo. Into ehlukile ngalo mtapo wolwazi ukuthi uqukethe imigqa engama-65 kuphela. Izici ezintsha ze-CSS3 zikhona kumthelela wenkambu yokujula.
Amapaneli wesithombe ashibilika
Ungakwazi ukufinyelela okokufundisa kusuka lapha. Inani layo elikhulu ngu bushelelezi kanjani izithombe lapho uslayida amaphaneli wesithombe. Ungafinyelela ukuhluka okune ukukufaka kuwebhusayithi yakho futhi uzuze umphumela omuhle kakhulu.
Indandatho ephindwe kabili
Singaphambili indandatho eyenziwe kabusha ngokuphelele nge-animation enkulu yokukhiqiza. Kusuka ku-codepen.io uyakwazi ukufinyelela kuyo yonke ikhodi enamakhulu emigqa.
I-Flexbox
Ama-Flexboxes ayindlela entsha ye-CSS yokubonisa amakholomu ekhasini. A umhlahlandlela ophelele ukuqonda lezi ziqukathi.
Imenyu yokuzulazula enemibala
Unokufinyelela ku- yonke i-HTML ne-CSS yale menyu yokuhamba ozibiza ngothando oluningi ngombala. Yenziwe ngokuphelele ku-CSS ukuze ukwazi ukucwilisa kulolu limi.
Amabha wenqubekelaphambili ku-CSS3
Yize ingesiNgisi, njengezitolo eziningi zezincwadi, I-HTML ne-CSS zichazwe kahle kwakudingeka ukuthi kube nemigoqo yokuthuthuka okuhle kakhulu. Ama-gradients, imigqa nezinye izinhlobo zemiphumela yokubuka zikulindile.
Animate.css
Kudume kuGitHub, kunjalo kwenziwe ngokuphelele ku-CSS. Khetha ukugqwayiza ofuna ukukwazi, futhi kufanele uchofoze inkinobho ethi "Yiphilise" ukuze ubone umphumela ku-Animate.css. Ungayilanda noma uyibuke ku-GitHub.
I-Spinkit
Sibhekene neqoqo lezinkomba ezingakwazi sebenzela zonke izinhlobo zezinto ezibukwayo kuwebhu. Chofoza ku- "Umthombo" futhi uzothola yonke ikhodi edingekayo ukuze yenziwe.
Izinkinobho
Una Umtapo wolwazi wezinkinobho ze-CSS kuzo zonke izindlela nemibono yokuthola eyodwa oyidingayo ukuze uzihlukanise nomncintiswano. Kusukela kubha eseceleni ungavimbela ukwakheka noma imiphumela ongafuni ukuyithola futhi ngaleyo ndlela ugxile kokukodwa.
I-FlipSwitch
Singaphambili uhlelo lokusebenza elikuvumela ukuthi ukhubaze izinkinobho ezithile ukudala eyodwa okuyiyona kanye esiyifunayo. Sisebenzisa izilungiselelo ezahlukahlukene futhi ekugcineni sizokwazi ukukhiqiza kabusha ikhodi esizoyikopisha iwebsite yethu. Insiza ethakazelisa kakhulu yokusebenza kwayo kanye nesitayela esihle.
Ukusikisela.css
Una Umtapo wezincwadi we-CSS ngaphandle kweJavaScript futhi ilungele ukuthi usebenzise njengokufisa kwakho. Isincane ngosayizi, kulula ukuyisebenzisa futhi isebenza kuzo zonke iziphequluli zewebhu zesimanjemanje.
Imibala.css
Okwalowo funa umbala kusuka kokunye okuthakazelisayo futhi lokho kuvumela prototyping esheshayo yamawebhusayithi enesici esihle sokubuka.
Ukulele.css
Uma wazi iMinecraft, umdlalo wokwakha, impela lo mtapo wolwazi we-CSS kulula ukuwubona. Zungezisa njengoba sicindezela maphakathi ukwenza ama-grid.
Ukuthayipha
Una ifonti ye-CSS emsulwa engasindi imane ilungele iphrojekthi yakho elandelayo.
Ama-Spinners
Una iqoqo elikhulu lokugqwayiza yokulayisha izithonjana ku-CSS naku-HTML.
Izinkomba zomugqa wokushaja
Umbhalo omsulwa ngababili be-CSSukulayisha izinkomba zazo zonke izinhlobo. Umthombo omuhle wokuthola leso sikhombisi esidingekayo nesilungile sewebhusayithi yakho.
I-CSS Loader
Okunye ifonti yokulayisha izithonjana engenziwa ngezifiso kuzo zonke izinhlobo zokugqwayiza.
I-Image Hover
Una umtapo wolwazi we-CSS osabekayo nesisindo esincane sezithombe zalelo klasi «hover».
hue.css
Umthombo we Ama-gradients angama-49 noma ama-photorealistic gradients yazo zonke izinhlobo zokuqukethwe nezithombe.
Izinto ezibonakalayo
Un Uhlaka lwe-CSS olususelwa ku-Material Design, umthetho wokuklama osetshenziswe i-Google kunombolo enkulu yezinhlelo zokusebenza nakuhlelo lwayo lokusebenza lwe-Android.
Ungaphuthelwa ukuqokwa ngama-web aqediwe kakhulu con izithombe ze-svg.