Onhlokweni nonyaweni kukhona Izinto ezibalulekile lapho kwakhiwa ikhasi elisha web noma i-blog, noma uma kungekho okunye esidinga ukukuvuselela ukuze kuhlangatshezwane nezindinganiso zamanje zokwakhiwa kwewebhu. Kuyizikhala lapho isivakashi esikwiwebhusayithi yethu zivame ukunaka kakhulu, ngakho-ke kufanele sizinakekele futhi sizitotobele ngokwanele ukuze zijabulise iso, ngaphandle kokusebenza.
Yingakho sizokwabelana Izihloko nezinyawo ze-29 CSS ongazisebenzisa kubhulogi yakho noma kuwebhusayithi, futhi ngaleyo ndlela unikeze lelo phuzu lekhwalithi obukade uyifuna. Lolu hlu lwakhiwa izihloko ze-athikili yesikrini esigcwele, kanye nosayizi ojwayelekile, izihloko ezingaguquki noma ezingaguquki, onyaweni namanye amaheda wevidiyo ukunikeza elinye iphuzu lokubuka iwebhusayithi yakho.
Unhlokweni ogobile
Unhlokweni okhonjwa ngu- isitayela sayo esigobile ezansi okwenza kube yisihloko esikhetheke kakhulu sewebhusayithi noma ibhulogi. I-CSS emsulwa, ngakho-ke sekuvele kuthatha isikhathi ukuyihlola kusiteji sakho sewebhu ukuthi sizobukeka kanjani uma usifaka kubhulogi yakho.
Unhlokweni isithombe Parallax
Ngomphumela omuhle wesithombe se-Parallax, le nhloko iziveza nge sebenzisa isikhundla sangemuva se-CSS. Isithombe sikanhlokweni besizobekwa phezulu ekhasini lekhodi lomphumela omuhle.
Unhlokweni olungisiwe we-Angled
Lesi sihloko silungiswe kahle phezulu ekhasini lewebhu ukuze hlukanisa nalowo mugqa wokudonsa eyeqa yonke indawo enezingqimba yokubuka komsebenzisi. Kukhombisa ukuthi izinto ze-CSS mbumbulu zingasetshenziswa kanjani ukwenza unhlokweni olungisiwe onomfanekiso ongemuva.
Unhlokweni osikiwe
I-CSS ne-HTML yalesi sihloko esibonelweni esinikeziwe sibonakala kulowo mugqa wokudonsa owela isikrini sonke usuka kolunye uhlangothi uye kolunye.
Unhlokweni onopopayi be-SVG
Unhlokweni olula kakhulu, yize usebenzisa ukugqwayiza kwe-SVG ukuze wazihlukanise yalabo esinabo kulolu hlu. Ungangena kuhlu olukhulu lwamakhasi ewebhu ngemidwebo ye-SVG kusuka lapha.
Iheda elungisiwe ene-Div
Ngomphumela wesithombe se-Parallax, unhlokweni omisiwe ovelela umphumela omuhle kufinyelelwe ngomfanekiso ongemuva ohleliwe ngenkathi konke kuskrola njengoba sihamba negundane.
Parallax umfanekiso wezendlalelo eziningi
Unhlokweni wesiphetho esihle ku I-HTML enemikhakha eminingi, i-CSS neJavaScript futhi lokho kungasetshenziswa ngokuphelele kuwebhusayithi ehlobene nomhlaba wemidlalo yevidiyo. Isiphetho esihle kulo lonke.
Unhlokweni wokuthunyelwe okungaguquki
Unhlokweni omisiwe wokuthunyelwe ngakunye okwenziwe nge-HTML, CSS neJavaScript. Isikhathi lapho siwela phansi, unhlokweni uncishisiwe futhi kulungiswe phezulu.
Unhlokweni wesikrini esigcwele onopopayi
Unhlokweni onikeza ukugqwayiza ukuthi ihamba kamuva futhi lokho kuveza umphumela wokukhululeka kumbukeli.
Isikrini esigcwele seHero image
cunt umphumela wokusondeza, lokhu isihenqo esigcwele ivezwe njengeyokuqala okukhulu. Ilungele iwebhusayithi lapho isivakashi sizosebenzisa kakhulu ukuskrola ukuzungeza kuyo.
I-Flexbox enenkinobho
Unhlokweni othatha bonke ububanzi besikrini ukubonisa inkinobho. Ilungele amakhasi okufika nge-CSS flexbox.
Isihloko se-Flexbox Hero
Unhlokweni osebenzayo i-parallax ne-flexbox ilula impela lokho kugqama ngobuhle bomklamo wayo ikakhulukazi.
Unhlokweni onamathelayo kuscroll
Njengoba igama layo liphakamisa, unhlokweni ohleliwe lapho siphenya negundane lapho sihamba ukubona lonke ikhasi lewebhu.
Ukuphendula Okunamathelayo Okusabelayo
Enye iheda elungisiwe yomphumela omuhle lapho imenyu ifinyelela phezulu ekhasini, kunganifuthi ngalowo mzuzu ihlala ilungisiwe futhi singaqhubeka nokudlulisa amehlo kusayithi.
Skrola Unhlokweni
Ihlukile kokunye ngo- izithombe eziqondile nezintekenteke njengoba sihamba. Ekupheleni kwayo, i-headboard ihlala ilungisiwe phezulu.
Isihloko Sokupheqa Esiphendulayo
Okunye ukugqwayiza okuhle kwe- hlukanisa le nhloko kokunye nge-HTML, CSS neJavaScript.
Unhlokweni In / out
Unhlokweni ohlukaniswa ngomphumela In / out emva kokupheqa futhi lokho kuveza umuzwa wokubuyela emuva.
Unhlokweni uyafiphala
Omunye umphumela wokugqwayiza ilukuluku futhi nenhle kakhulu nge-HTML, CSS neJavaScript.
Unhlokweni ofihliwe
Unhlokweni ohlukile lapho ucashe ngokuya nge- sisebenzisa ukuskrola ngopopayi lokho akunakwa kepha kusezingeni eliphezulu.
Unyaweni weParlax
Unyaweni omisiwe noma ongashintshi one-HTML, i-CSS neJavaScript. Kusuka ku- ikhwalithi enhle ngokufiphaza empeleni.
Unyaweni onesikali sokuqukethwe
Ikhwalithi ephezulu nonyaweni wokuqala we kumangaza isivakashi ngendlela enhle yokubonisa lesi sikhala sewebhu.
I-Social Media Footer
Unyaweni ovelele izinkinobho eziqondisa ukuxhumana nomphakathi eyaziwa kakhulu. Ukugqwayiza okukhiqizwe lapho kushiya isikhombisi segundane phezu kwenethiwekhi ngayinye kuvela.
Imenyu yonyawo opopayi
Ngokunciphisa iwindi lesiphequluli sewebhu ukubuka le footer, uzokwazi thola izigaba ezi-2-3 ukuthi umsebenzisi angakuthola kuselula. Kuboniswa ku-767px.
I-Footer Simple Fixed
Kwenziwe nge-HTML ne-CSS yi unyaweni olula ngaphandle kwempumuzo enkulu namafrills.
Sabela Unhlokweni Wevidiyo
Isihloko esine- ividiyo elula React.js.
Unhlokweni Wevidiyo
Okunye unhlokweni ngevidiyo elula futhi esezingeni eliphezulu.
Isihloko Esigcwele Sevidiyo Esine-Mix-Blend
Khombisa i ividiyo yesikrini esigcwele ngombhalo kusendlalelo usebenzisa imodi yokuxuba.
Ukugqwayiza kweheda yevidiyo
Ukugqwayiza kwaba egcizelele ne-Adobe After Effects ukusebenzisana nazo zonke iziphequluli. Akusebenzi kuselula.
Unhlokweni wevidiyo osabelayo one-gradient
El I-gradient yilokho okugqamile kulesi sihloko sevidiyo kusuka kokunye.