35 ngokwenene iyonwabisa imifanekiso yeCSS

Iziphumo zomfanekiso weCSS

Namhlanje kukho imifanekiso kwiwebhu ziye zaba yinto ephambili yokubamba ingqalelo kumsebenzisi osondela kuzo zonke iintlobo zezihloko. Ukusuka ekufotweni, ekuhambeni, kwiimveliso nakwimiboniso yalo naluphi na uhlobo, imifanekiso yenye yezona zinto zibalulekileyo, ke ukuba siyakwazi ukuvelisa isiphumo esimangalisayo, loo foto iya kuba namandla okugcina umsebenzisi owe kwiwebhusayithi yethu.

Yile nto ininzi nje kwezi zinto zinokubanakho ukufikelela kuyo kubatyeleli bewebhusayithi. Iziphumo zeCSS ezibamba amehlo kwezinye iimeko Kwaye kwabanye banenjongo yokuba lula, nangona besoloko bephumeza oko sikufunayo sonke: ukuba umsebenzisi aqhubeke nokuhoya yonke into enikezelwa yiwebhusayithi yethu. Ngoku masidwelise iziphumo zomfanekiso ezingama-33 ze-CSS ezinomtsalane ngamandla.

Ulwelo olujija umfanekiso 3D

3d ityhubhu

Esi siphumo somfanekiso siyamangalisa xa ukubola umfanekiso ube yityhubhu eyi-3D ekwaziyo ukujikeleza malunga nokuma nkqo kwayo ukuvelisa isiphumo esihle sokubonakalayo. Ngokusekwe kwi-CSS3D, ukuba uyakwazi ukuyiphumeza kwiwebhusayithi yakho, undwendwe alunakuthetha.

Inqaku elidibeneyo:
35 ezinye iziphumo zombhalo zeCSS kwiwebhusayithi yakho

Impembelelo ye-3D hover

Isiphumo seHover 3D

Enye into ebonakalayo ebonakalayo ukufezekisa loo nto xa sishiya isikhombisi semouse ngaphezulu komfanekiso, this kuwa ngokungathi ubethwa kwangokufanayo. Upopayi olukhulu lomnye umphumo womfanekiso.

I-CSS 3D iPanorama

I-CSS 3D iPânorama

I-HTML kunye ne-CSS ziyahambelana ukwenza ifayile ye Impembelelo enkulu yepanorama ngokungathi sasijonge phezulu kwisakhiwo esixekweni.

Inqaku elidibeneyo:
I-27 ebalulekileyo yeziphumo zombhalo zeCSS kwifayile yakho yokubhala

Imifanekiso kwindlela "ejikelezayo"

Ukujonga ukuThintela ukujonga

Un ulingelo olubonwayo enokusebenza ngenjongo ethile njengenxalenye yewebhu.

Iimfama zaseVenice

Iimfama zaseVenice

Iziphumo ezibonakalayo rhoqo shiya isikhombisi semouse ukuze itshintshe phakathi kokungafaniyo okubonelelwa ngumfanekiso.

Ukwahlula umfanekiso

Ukwahlula umfanekiso

Ngokuhambisa isikhombisi semouse ngaphezulu komfanekiso, yona iya kwandiswa ukuze yenziwe kakuhle.

Ukuhambisa isiphumo somfanekiso

Ukuhambisa isiphumo somfanekiso

Iziphumo zegridi ziveliswa xa ushiya el isikhombisi semouse ngaphezulu kwenqaku elithile ukusuka kumfanekiso.

Isiphumo sempazamo 

Mirror

Umfanekiso iskrola nefuthe lesipili njengoko sisilayida isikhombisi semouse ukusuka ekunene ukuya ekhohlo ngokuchaseneyo.

Umfanekiso onesiphumo

Isiphumo sokusebenza

Isenzo esifuna projekthi isiphumo sokubonakalisa kumfanekiso esiyisebenzisileyo siphumo somfanekiso weCSS.

Ukuthambeka komfanekiso kwisiphumo sokuhamba

Ukuthambeka kwesiphumo

Unokufikelela ufumane isiyezi ukubona ukuba amacala omfanekiso avelisa isiphumo esothusayo kabini.

Isiphumo sokufiphaza

Isiphumo sokufiphaza

Njengoko sihambisa isikhombisi ngomfanekiso, ivelisa umphumo wokufiphaza iyanyamalala ngemizuzwana.

Hover yomfanekiso

Ukuhamba kwemifanekiso

Kukho isiphumo se Ukufuduka ngomzuzu omnye apho sibeka khona isikhombisi imouse ngaphezulu komfanekiso.

Ukuhambisa isiphumo kwi-SVG

I-SVG Hover

Isiphumo esihle sokuhambisa uveze umfanekiso ofihliweyo phantsi kwegama ngokwalo. Ukugqibezela okuhle kunye nokugqibeleleyo ukubonisa igalari yokuyila kunye nomdla.

Ukusuka kumbhalo ukuya kumfanekiso wokuhambisa phezulu

Iziphumo ze-SVG

Isicatshulwa siwutyhila umfanekiso xa sihambisa isikhombisi semouse ngoopopayi abahlabayo ngempembelelo engaboniyo evula embindini.

Ukutyhila inxenye yomfanekiso ongasemva

Hover kutyhila

Njengokuba besisesandleni sethu umnqamlezo welensi yefowuni, Inxalenye yomfanekiso ongasemva uyatyhilwa njengoko sihambisa isikhombisi semouse.

Hambisa oopopayi

Umzobo wokuHamba oopopayi

Impembelelo enkulu, kodwa ilula kakhulu ekubunjweni kwayo. Ukuba ukhangela into elula kwaye encinci, esi siphumo siya kukwenza ukuba uthandane.

Ukulandelela isiphumo sokuhamba

Ukulandela umkhondo

Okunye ukusebenza ngokulula ngenjongo ethile.

Ukusondeza umfanekiso

Zoom

Nguwo Iziphumo zoom zoqobo Ngokuqinisekileyo uya kufuna ukuthatha kwiwebhusayithi yakho ngoku.

Ukusondeza isiphumo sokunyusa

Hambisa ukusondeza

Enye into enje zoom ukusebenza xa sishiya isikhombisi imouse ibekwe emfanekisweni.

Impembelelo yeglasi

Impembelelo yeglasi

Njengoko igama layo libonisa, i Isalathiso sempuku siya kujika phezu komfanekiso kwiglasi enkulu eyenza ukuba ibe nkulu.

Akukho hover yeJavaScript

Akukho JS

Akukho JavaScript unokuphinda wenze isiphumo sokusondeza umfanekiso kunye negridi eguquguqukayo.

Ukugqitywa kweCSS

Hover

Un I-CSS emsulwa yomaleko ebekwe emfanekisweni esinayo.

Hovy yemifanekiso

Imifanekiso Hovy

Unelayibrari yoopopayi beCSS yezinto zomsebenzisi. Ungazibona zonke kwikhonkco ukuze ufumane ezona zikulungeleyo. Uneziphumo ezininzi onokukhetha kuzo ezikumgangatho ophezulu.

Ukugqunywa komfanekiso

imigca

Ngomfanekiso ophakamileyo ophezulu, Uluhlu lokutsala amehlo lubonakalisiwe. Enye inokuba yinto oyithandayo.

Ukugquma umfanekiso

Isetyhula hover

Sibuya nesinye isiphumo ukugquma kwi-HTML nakwi-CSS apho imigca ejikelezayo ingabalinganiswa abaphambili.

Ukugquma umfanekiso

Hover

Isiphumo sokugquma esingasetyenziselwa izinto ezahlukeneyo zewebhu. Kunye ubuncinci bokudala bunokudityaniswa kumakhadi njengale ikule nqaku.

Ukuhambisa isiphumo sokuhambisa umfanekiso

Hover icon

Umgangatho ophezulu kunye nopopayi we icon oya kukugcisa kutshintsho lokuqala. Uyakwazi zisa isicatshulwa kwisiphumo esihle.

Ukuhambisa isiphumo ngemibhalo engezantsi

Subtítulos

Omnye umphumo omkhulu wokuhamba nge Imixholo engezantsi ebonakala ngoopopayi abagudileyo kwaye iphumelele.

Iziphumo zokuhambisa i3D

Isikhokelo se3D

Enye yezona zinto zivuselelayo kwimifanekiso oyibonayo kuluhlu lonke. Inkqubo ye- Isalathisi sempuku siya kuba sisikhokelo se «cube ye3D».

Isikali somfanekiso

Isikali somfanekiso

Esinye isiphumo esilula, kodwa Umboniso omkhulu ngaphandle kokuchuma okuninzi.

Isiphumo sethunzi se-iOS nge React

Izithunzi ze-ios

Un isiphumo ngaphandle kwempumelelo enkulu, kodwa ikhonkrithi kakhulu kwisiphumo sesithunzi esivelisayo, kuba kubonakala ngathi inyuswe "emhlabeni".

Uhlobo lweShadow iOS 10

isithunzi

Isikhombisi semouse sinendlela Isiphumo 'sokutyhala' kumfanekiso ovelisa ubunyani obukhulu. Inika umdla kakhulu.

Iziphumo zotshintsho lomfanekiso

UMoses

Un Iziphumo zotshintsho ezimangalisayo apho umfanekiso ubhangiswe kwigridi yeigridi. Unokulawula ixesha apho kwenzeka khona umphumo kunye nokunye.

Skrolela utshintsho lomfanekiso

Skrola

Un nefuthe lotshintsho oluhle kakhulu kunye noyilo yewebhusayithi yakho. Ungaphoswa kukuqeshwa kule CSS.

Ukurola umfanekiso kunye nevili lempuku

Utshintsho

Kuya kufuneka iphumeze ngalo mzuzu usebenzisa ivili lempuku ukutshintshela komnye umfanekiso ngopopayi olukhulu lotshintsho. Umtsalane.


Umxholo wenqaku uyabambelela kwimigaqo yethu imigaqo yokuziphatha yokuhlela. Ukuxela impazamo cofa apha.

Izimvo ezi-6, shiya ezakho

Shiya uluvo lwakho

Idilesi yakho ye email aziyi kupapashwa. ezidingekayo ziphawulwe *

*

*

  1. Uxanduva lwedatha: UMiguel Ángel Gatón
  2. Injongo yedatha: Ulawulo lwe-SPAM, ulawulo lwezimvo.
  3. Umthetho: Imvume yakho
  4. Unxibelelwano lwedatha: Idatha ayizukuhanjiswa kubantu besithathu ngaphandle koxanduva lomthetho.
  5. Ukugcinwa kweenkcukacha
  6. Amalungelo: Ngalo naliphi na ixesha unganciphisa, uphinde uphinde ucime ulwazi lwakho.

  1.   USandy Hernandez sitsho

    Mholo. Ndizithandile iimpembelelo oziposileyo. Ngethamsanqa uya kuyazi ukuba yenziwe njani into apho ubeka khona isikhombisi kumfanekiso kwaye usuka ezantsi uye phezulu, ulungele ukubonisa ukujonga kwangaphambili kwamaphepha ewebhu. Ndikushiya umzekelo wento endithetha yona, kwicandelo «IMISEBENZI YAMVA KWIWEBHSAYITHI
    »Ukusuka kwiwebhusayithi selectawebs.com
    Ndiyabulela kwangaphambili

  2.   UOmar sitsho

    Iphepha elihle kakhulu kunye neposti, iluncedo kakhulu kum kuba bendifuna iimpembelelo zephaneli yokungena kwesango kwizicelo zangaphakathi. Enkosi kakhulu ngale minikelo.

  3.   irotger gabriel sitsho

    Iziphumo ezigqwesileyo. Ndizifundise ngokwam, bendihlala ndiyithanda umbono wokuphuhliswa kwewebhu kakhulu, ndingathanda ingcebiso yakho malunga nokuba ungaqala njani kwaye ulandele ntoni ukuze ufunde. ngokubhekisele

  4.   natalia sitsho

    Molo, enkosi ngomxholo wakho. Namhlanje fumana iphepha lakho. Kuyamangalisa. Akukho siphelo sokufunda kunye nemibuzo enokwenziwa kuyo. ;)

    1.    UManuel Ramirez sitsho

      Molo Natalia! Ndonwabile ukuba uyakonwabela ukufundwa apha kwi-Intanethi ye-Intanethi. Umbuliso!

  5.   UMendoza sitsho

    Uluhlu olunomdla lweziphumo ezilungileyo, kuya kuba kuhle kakhulu ukubona indlela yokuyisebenzisa kwi-wordpress ene-elementor