Izinkinobho ezingama-41 zamahhala ze-CSS ezine-JavaScript encane

Siqhubeka nomunye udaba ochungechungeni lwe HTML, CSS kanye JavaScript lokho kuletha uhlu oluhle lwamakhodi ongagcizelela ngalo ukubukeka okubonakalayo noma okuhlangenwe nakho komsebenzisi kwewebhusayithi yethu; kungaba yi-eCommerce, i-Landing Page noma i-blog uqobo.

Ithinta umzuzwana kwenye yalezo zinto ezibalulekile ezikwaziyo yenza ukubizela esenzweni ukuze isithonjana esizothatha umsebenzisi siye enqoleni yokuthenga, izinkinobho, kube ukuthenga. Izinkinobho ze-CSS ozozithola ngezansi zikhululekile futhi ziqukethe izinkinobho ze-3D, zokuxhumana nabantu, zokwabelana, ukubuyela emuva ekuqaleni noma ukuvula nezinye.

Inkinobho ye-3D

Inkinobho ye-3D evelele ngenxa yokujula okubangelayo nomaphi lapho siya khona ukuyibeka ngaleyo miphumela yokufiphaza eyenza into ngayinye ebonakalayo ibonakale.

Inkinobho ye-3D ukucindezela

Este Inkinobho ye-3D ku-CSS Inekhono lokuthi ukugqwayiza kuzoqala ukusebenza njengoba silula ukubhebhetheka kwaso.

Inkinobho yangemuva

Le nkinobho yeCSS izosithatha phezulu kuwebhusayithi yethu lapho sesidlulile kuyo.

Inkinobho ye-Bubble

Inkinobho ye-bubble ku-CSS nakuJavaScript okuthi lapho uchofoza izokhipha ngochungechunge lwamabhamuza nge-animation ehlaba umxhwele futhi efanelekile.

Faka inkinobho

Una izithombe ezinhle inikeza impilo kule nkinobho yokwengeza ku-CSS engaba enye yalezo zinto ezenza iwebhusayithi yethu ivelele.

Inkinobho ye-CSS Offset

Kuyafana nokwedlule, noma kunjalo ngokugqwayiza okuhluke kancane. Kungaba kuhle ochungechungeni lwamawebhusayithi kungqikithi ethile.

Ukuvalwa kwezinkinobho

Siyakucindezela lokhu inkinobho ku-CSS naku-HTML ukuze kwenziwe isithombe sokuvala. Kulula, kepha ngomphumela omuhle wokubuka.

Inkinobho yokuvala ye-CSS

Ngesikhathi lokho ake sishiye isikhombi segundane Kule nkinobho yokuvala, sizokwazi ukuthola izithombe zekhwalithi esizozihlanganisa kuwebhu.

Inkinobho yokulanda ye-CSS

Uma sinokuqukethwe esizokulanda kuwebhusayithi yethu, kubalulekile ukuthi sinenkinobho efanelekile ukuze umsebenzisi alunge ngokushesha ku-pulse yakho. Le nkinobho iyagqama lapho icindezelwe futhi ilahle inqwaba yokwethuka okuncane ku-animation eyenziwe kahle.

Inkinobho yokulanda

Le nkinobho igxile ekugqwayizeni kwe phakamisa ibhola elincane lokho kuzohamba kusuka kolunye uhlangothi lwebha kuya kolunye ukusenza sigqamise isenzo umsebenzisi asenzayo lapho echofoza kulanda.

Inkinobho yokulanda izithombe

Una izithombe ezinde impela zenkinobho, kepha lokho kungaba leyo mininingwane enikezela ubuchwepheshe kwiwebhusayithi yakho ukulanda zonke izinhlobo zamafayela.

Inkinobho yokuhambisa phezulu

Le nkinobho ikulindile shiya isikhombi segundane ngenhla ukuze ubone ukugqwayiza okuvelele okudalayo.

Inkinobho yomsindo

Enye inkinobho yokuhambisa phezulu evelele ukugcwala komoya lokho kwenzeka lapho uzulazula ngaphezulu kwesikhombi.

Ukuhambisa phezulu

Omunye umphumela we-hover othakazelisayo ku-CSS ovelele owayo izithombe ezisheshayo nezishesha lokho kukhiqiza imizwa emihle.

Isitayela sokuhambisa phezulu kwesitayela

Inkinobho eyodwa yokuhambisa phezulu ngesitayela esihle kokugqwayiza kwamasayithi anokuthinta okudala.

Umphumela weGooey

Un umphumela olula futhi onelukuluku okwandisa usayizi wenkinobho ye-CSS nge-HTML encane.

Inkinobho yomugqa

Umugqa waziwa nge umsebenzi omuhle ekwakhiweni kwe-UI kwewebhusayithi yakho, le nkinobho yeStripe iphefumulelwe ukuze ukwazi ukuyihambisa kuwebhusayithi yakho.

Imiphumela emithathu yenkinobho ye-CSS

Imiphumela emithathu ye-CSS ukugqwayiza kwenkinobho nokuthi singabheka isitayela esihle.

Njengenkinobho ye-Twitter

Inkinobho kokuthandwa kwe-Twitter nge-animation ekhanyayo nenamandla. Iphelele kulezi zinsuku zokuxhumana.

Njengenkinobho yokugqwayiza

Lapha kuzoba izinhliziyo labo abagxuma ngenjabulo lapho inkinobho efana icindezelwe.

Inkinobho yokuqhafaza efana

Okunye izithombe ezinelukuluku kakhulu ezinomphumela omuhle ngenkinobho efana namanethiwekhi omphakathi.

Inkinobho yokudlala

Inkinobho yokudlala ezoqala gxuma, nangenxa yenjabulo, lapho icindezelwe.

Inkinobho yokudlala yeCSS

Ukugqwayiza kuzosula ifayela le- isiyingi esizungeze isithonjana Ukudlala kwale nkinobho ye-CSS.

Misa isikhashana / inkinobho yokudlala

Inkinobho nje misa isikhashana / dlala ngokuthinta okuncane Ekuklanyeni.

Inkinobho elula ye-Retro

Sengathi besicindezela izinkinobho kusilawuli segeyimu kusuka kukhonsoli efana neXboX.

Inkinobho yothingo lwenkosazana

Inkinobho ene izithombe zothingo lwenkosazana ebuyisa izaziso eziza kwi-Galaxy S8.

Inkinobho yomphakathi

Ishalofu elivula nge izithombe ezithandwayo zokuxhumana nabantu ngakho konke ngokushiya isikhombisi segundane phezu kwaso.

Izithombe ezintantayo

Inkinobho ene izithombe zekhwalithi lokho kubangelwe umzuzwana esichofoza kuwo.

Izithonjana zenhlalo ye-3D

Un ukunaka umphumela futhi lokho kwenzeka lapho sishiya ukuphumula kwesikhombi.

Izinkinobho zomphakathi

Lezi izinkinobho zomphakathi zisebenzisa ukugqwayiza Ishintsha umbala kusuka phezulu ukuze ihlukanise kokunye.

Izinkinobho zomphakathi zeCubic

Lezi zinkinobho zikhona etholakala ku-cube lokho kuhamba kahle lapho sishiya isikhombisi kuso.

Yabelana ngezinkinobho

Un inkinobho yokwabelana ehlukaniswa ngopopayi ojikelezayo ongapheli.

Inkinobho yokwabelana ngemidiya yezenhlalo ku-SVG

Vele ushaye inkinobho yokwabelana bese uzothola umphumela waphezulu lokho kwenzeka kule nkinobho yezokuxhumana.

Inkinobho yokwabelana kaGooey

Ngomunye izithombe «Gooey», le nkinobho isiteleka kakhulu ngomphumela owukhiqizayo.

Yabelana

Este inkinobho ihlukaniswe yaba ezine ezihlukene ukuze ukwazi ukukhetha inethiwekhi yokuxhumana nabantu lapho uzoshicilela khona okuqukethwe okwabiwe ngqo.

Inkinobho yokubuyekezwa kwenkanyezi

Inkinobho ukuhambisa phezulu okuqoqa amaphuzu ozonikeza uma ushiya isikhombi phansi.

Inkinobho yamaphuzu we-SVG

Enye inkinobho yokuhambisa phezulu ye- amaphuzu ngebanga umkhiqizo noma yini.

Inkokhelo yokushaja

Ngokucindezela upload inkinobho izoqala inqubo yokulanda noma yini esebenza kahle kuwebhusayithi yakho.

Inkinobho yokwamukela

Cindezela bese ifomu lizokwamukelwa noma noma yisiphi esinye isenzo lokho kudinga ukuvunywa kumsebenzisi wewebhusayithi yethu.

Swayipha inkinobho

Kunikezelwe iselula, le nkinobho kufanele icindezelwe ukuze iyiswe eceleni naleso senzo esivame kakhulu kuma-smartphone.

Vula isenzo

Un isenzo sasohlangothini ngomunwe noma ngesikhombi futhi sizovula isiginali uqobo. Enye inkinobho ekahle yeselula.