La typography yewebhusaiti yedu yakakosha izvo zvinoenderana nezviri mukati medu zvatiri kuratidza kuburikidza neCommerce, blog kana peji rekumhara. Ndokusaka zvakafanira kuti uzive nzira yekusarudza nemazvo sosi ipi inogona kubva mukutya kuitira kuti muverengi kana mutengi akurudzirwe kuverenga yega yega ndima iyo inopedzisa zvirimo zvakafanana.
Asi padivi peiyo typography, zvine hungwaru inogona kuisa CSS zvinyorwa kuti tipe iyo chaiyo yekubata yakatsvaga uye "kubata" mutengi uyo ari kutsvaga chigadzirwa icho chatinacho mune yedu eCommerce catalog. Saka isu tichagovana makumi maviri neshanu anokosha CSS meseji mhedzisiro kuitira kuti iyi typeface inyatso kumira zvakanyanya mumaziso emushandisi anoshanyira saiti yedu.
3D Chinyorwa
Iyo CSS mameseji mhedzisiro inotamba nezvinhu zvakasiyana ku kuunza 3D kune typeface iyo inokwanisa kutora kufarira kwemushanyi kune webhusaiti yedu. Kurova pasina kupokana. Usapotsa kune aya mafonti eazvino evagadziri.
3D CSS typography
Izvi zvinoitika 3D inotitora munzira dzakasiyana kune yapfuura ye typeface iyo inotora yepakati nhanho chero kwatinenge taisa.
Masking Nzira yekuratidzira
Este zvinyorwa zvinoitwa zvine hupenyu uye kunyangwe zvichitaridzika kunge zvakapusaIyo ine kushanda kwayo pamwe nekuti yakaoma kwazvo. Senge kunyora neruoko. Iwe zvechokwadi uchakwanisa kuwana yakakwana nzvimbo yeyako nzvimbo, sezvo iri imwe yeakanakisa pane urwu runyorwa.
Tsamba dzinoshanda
Iyo inogadzirwa kuwedzera kushanda uye bounce muchinyorwa chinoburitsa kunzwa kwekunaka kukuru uye hunyanzvi.
-oma
Iko kune chiratidzo chekuratidzira pane zvinyorwa izvo zvinogona kuve zvakakwana kune chaiyo typeface. Chinhu chekuita nechando, dzimba dzenyika kana skiing zvingave zvakakwana.
Mhoro
Izvi zvinoitika edza kudhirowa akateedzana ezvimiro zvidiki kuitira kuti vazopedzisira vaumba zvinyorwa. Munguva pfupi yapfuura yakagadzirwa CSS kodhi inoratidza kuomarara uko dhizaini yewebhu iri kusvika.
Chinyorwa mutsara mutsara
Kunge yapfuura, a ichirova CSS zvinyorwa nhevedzano yemitsetse inodhonza iwo mavara kune iyo kodhi yakashandiswa.
Sleeve
Imwe mhedzisiro ye yakakwira-hit animated zvinyorwa iyo inokanganisa kutsausa kwega kwega tsamba kuti ibudise mifananidzo yehunhu hwakanyanya.
CSS yehupenyu inoratidzira zvinyorwa
Imwe mifananidzo ye yakanaka kwazvo zvinyorwa uye kuti inokwanisa kuburitsa kunzwa kwehunyanzvi mumushanyi uyo anouya kuwebsite yedu.
SVG vhidhiyo mask yekunyora
Imwe yeakanakisa mhedzisiro pane rese runyorwa uye izvo inoratidza mask yevhidhiyo yatinayo semashure kuitira kuti zvinyorwa zvive protagonist. Yakakwira mhando pamatanho ese.
Mhuka yeCSS inopinza
Kana iwe uchikwanisa kuzivisa mushe mhedzisiro iyi kana uchipinda mameseji pawebhusaiti yako, exponentially ichawedzera manhamba kana zvasvika pakusika.
"Kutonhorera" zvinyorwa
Imwe mask mune chinyorwa chinyorwa icho inoshandisa mufananidzo weGIF kuburitsa imwe mhedzisiro yakakura senge vhidhiyo mask. Iwe zvirinani uhuone kubva kune iyo kodhi muenzaniso muCodepen.io.
Nyore zvinyorwa glitch
Ichi chinyorwa chinoitika inokodzera zvakakwana kune portfolio yeartist yechinhu chero chipi zvacho kana kunyangwe iro reboka remimhanzi matinotsvaga simba. Kubata maziso.
psycho glitch
Kunge yekutanga, imwe mhedzisiro ye bombastic uye zvinyorwa zvisina kujairika kune iwo mawebhusaiti anotsvaga kumira kunze kwevamwe. Yakanyatsobatanidzwa inogona kuisa icing pakeke.
VHS zvinyorwa
Iyo fomati ye Vhidhiyo inozivikanwa kwazvo muma80s uye 90s kuti isu tinogona kubereka kuburikidza neiyi CSS.
Hover mhedzisiro pane zvinyorwa
Ingosiya iyo mbeva mbeva pamusoro petsamba imwe neimwe kuti uwane hover mhedzisiro inogadzirwa neiyi HTML, CSS uye JS kodhi. Inonakidza kwazvo padanho rezvese.
Hover Chitubu zvinyorwa
Kune chimwe chinhu tekinoroji ichi hover zvinyorwa zvinoitika iyo inoshanda kwazvo kwazvo kune ese marudzi webhusaiti ane hukama nehunyanzvi hutsva. Yakaiswa pane bhatani zvakare ine mhedzisiro yakanaka.
Sass Loops yakapusa CSS
Mamwe mavara ezvinyorwa Yakakwira mhando uye inoyevedza CSS iyo inogona kuburitsa marudzi ese ekunzwa mumushanyi. Yakakurudzirwa.
Span mitsara yakawanda
Iyo yakapusa CSS zvinyorwa, asi iine mukana mukuru wekurova Chii.
Mifananidzo yakamisikidzwa
Kana iwe uchida simbisa ndima yezvinyorwa mune iyo mushanyi mira mbeva mbeva, iyi CSS mhedzisiro inoburitsa pazasi Inonakidza kwazvo nekuda kwekugadzira uye kuziva kwairi.
"Stranger Zvinhu" mhedzisiro
Kunge dzakakurumbira ochontera TV akateedzera Stranger Zvinhu, iyi hover athari ichakwanisa kugadzira iyo typography yeakateedzana nemhedzisiro huru.
Mavara anotenderera
Chaizvoizvo iri waterfall effect iyo inotsiva iro rakakosha izwi remavara atinawo pachiratidziri. Yakanyanya gimmicky.
CSS Groovy mhedzisiro
Migumisiro ye inotonhorera zvinyorwa shading yewebhu zvemukati pane yakatarwa musoro wenyaya.
Gradient mhedzisiro
Chaicho chinotaridzika chinoonekwa cheiyo shading typeface. Yakakura pasina kupokana pese patinowana yakawanda mavara.
Mumvuri parallax
A parallax mumvuri apo isu tichifambisa pointer pamusoro pezvinyorwa.
Dzvanya mhedzisiro
Yakareruka uye yekudhira-bata maitiro ekunyora iyo yakanyatsogadziriswa.
Kunyora zvinyorwa
Zvimwe typing maitiro ausingakwanise kupotsa muCSS, HTML uye JS.