29 CSS misoro uye tsoka dzeblog rako kana webhusaiti

CSS tsoka

Misoro nemusoro ndizvo Zvinhu zvakakosha paunenge uchigadzira peji nyowani webhu kana bhurogu, kana kana pasina chimwe chinhu chatinofanira kuvadzosera kuti vasangane nemazinga azvino ekugadzirwa kwewebhu. Idzo inzvimbo dzinoshanyirwa nemushanyi kune webhusaiti yedu, saka isu tinofanirwa kuvachengeta uye nekuvapa pamper zvakakwana kuitira kuti vafadze ziso, kunze kwekushanda.

Nechikonzero ichocho isu tiri kuzogovana 29 CSS misoro uye tsoka dzaungashandisa pane yako blog kana webhusaiti, uye nekudaro ipe iyo poindi yemhando iwe yawaitsvaga. Iyi rondedzero inoumbwa izere nechidzitiro chinyorwa chemusoro, pamwe neyakaenzana saizi, yakagadziriswa kana yakagadziriswa misoro, tsoka uye mamwe emavhidhiyo misoro yekupa imwe pfungwa yekuona kune yako webhusaiti.

Musoro wakakombama

Musoro wakakombama

Musoro unozivikanwa ne manyorerwo aro akakombama pasi izvo zvinoita kuti ive yakasarudzika musoro wewebhu kana blog. Iyo yakachena CSS, saka iri kutotora nguva kuyedza muwebhu yako kuratidza kuti ichataridzika sei kana iwe ukaiisa mune yako blog.

Musoro wemufananidzo Parallax

Parallax

Iine yakanaka Parallax mufananidzo maitiro, uyu musoro unozvizivisa pachawo ne shandisa CSS kumashure-mufananidzo chinzvimbo. Mufananidzo weiyo musoro unenge wakamisirwa kumusoro kwepeji kune yakakura kodhi kodhi.

Angled yakamisikidzwa musoro

Angled Musoro

Uyu musoro wakanyatsogadziriswa kumusoro kwewebhu peji kune kusiyanisa neiyo diagonal line iyo inoyambuka iyo yakatenderera yese maonero emushandisi. Iyo inoratidza mashandisirwo eCSS pseudo-elementi kugadzira musoro wakagadzika une mufananidzo wepashure.

Yakakoshwa musoro

Yakagadzirirwa

CSS neHTML yemusoro uyu iyo mune yakapihwa muenzaniso inozivikanwa pamwe neiyo diagonal line iyo inoyambuka skrini rese kubva kudivi kuenda kune rimwe.

Musoro ine SVG animation

Yakakombama svg

Musoro wakapusa, kunyangwe uchishandisa iyo SVG mifananidzo yekuzvitsauranisa iwe pachako yatinayo mune iyi runyorwa. Iwe unogona kuwana runyorwa rukuru rwemapeji ewebhu ine SVG mifananidzo kubva pano.

Yakagadziriswa musoro neDiv

Div yakagadziriswa

NeParlaxlax mhedzisiro, yakamisikidzwa musoro unomira kunze kune mukuru maitiro kubudirira nemufananidzo wakasarudzika wepashure apo vamwe vese vari kupururudza sezvatinopurudzira negonzo.

Parallax yakawanda-yakaturikidzana fananidzo

Multi-rukoko

Musoro wekupedza kukuru mukati Yakawanda-yakatetepa HTML, CSS uye JavaScript uye izvo zvinogona kushandiswa zvakakwana kune webhusaiti inoenderana nenyika yemavhidhiyo emavhidhiyo. Kupedza kukuru mukati mese.

Yakagadziriswa poster musoro

Yakagadziriswa post

Musoro wakagadziriswa wepositi yega yega yakaitwa muHTML, CSS uye JavaScript. Nguva yatinoisa pasi, musoro wakaderedzwa ndokugadziriswa kumusoro.

Yakazara skrini yemusoro ine hupenyu

Masaisai ehupenyu

Musoro unopa hupenyu iyo inofamba gare gare uye izvo zvinogadzira inozorodza mhedzisiro kumuoni.

Yakazara skrini Gamba mufananidzo

Gamba mufananidzo

Con zoom mhedzisiroizvi musoro uzere skrini inoratidzwa seimwe yemavambo makuru. Yakakwana kune webhusaiti iyo mushanyi ari kuzoshandisa zvakanyanya kupuruzira kutenderera pairi.

Flexbox ine bhatani 

Flexbox ine bhatani

Musoro unotora upamhi hwese hwechiratidziro kuratidza bhatani. Yakakwana pamapeji ekumhara ine CSS flexbox.

Flexbox Gamba Musoro

Flexbox gamba

Musoro unoshanda parallax uye flexbox zviri nyore izvo zvinomiririra kunaka kwekugadzirwa kwayo kunyanya.

Sticky Musoro pane scroll

Inonamira musoro

Seizvo zita rayo rinoratidza, yakamisikidzwa musoro kana tinopururudza negonzo kana tichifamba kuti uone iyo yese iyo peji rewebhu.

Kudavirira Kupuruzira Kunonamira

Inopindura scroll

Imwe yakamisikidzwa musoro weakakomba kana iyo menyu yasvika pamusoro peji, neiuye panguva iyoyo inoramba yakagadziriswa uye tinogona kuramba tichitsvaga saiti.

Mupumburu Musoro

Mupumburu musoro

Izvo zvinopesana nezvimwe zvese na chaiyo uye isina kusimba mifananidzo patinenge tichifamba. Pakupera kwayo, iyo bhodhi yepamusoro inoramba yakagadzika kumusoro.

Kudavirira Mupumburu Wemusoro

Inopindura scroll scroll

Imwe mifananidzo yakanaka ye kusiyanisa uyu musoro kubva kune yakasara ine HTML, CSS uye JavaScript.

Musoro mukati / kunze

hupenyu hwemusoro

Musoro unosiyaniswa nemhedzisiro Mukati / kunze mushure mekutsikisa uye izvo zvinounza kunzwa kwekukwirazve.

Musoro unopera

Musoro unopera

Imwe mhedzisiro yehupenyu anoda kuziva uye akanaka kwazvo mu HTML, CSS uye JavaScript.

Musoro wakavanzika

Auto kuvanza

Musoro wakasiyana kana uchihwanda zvinoenderana ne isu tinoshandisa kupururudza nehupenyu izvo zvinoenda zvisingaonekwe asi zvemhando yepamusoro.

Parallax tsoka

Parallax tsoka

Iyo yakamisikidzwa kana yakagadzika tsoka ine HTML, CSS uye JavaScript. Of hukuru hwakanaka ne shading mukuita.

Footer ine zvemukati zviyero

Chikamu chetsoka

Yemhando yepamusoro uye yepakutanga tsoka ye shamisa muenzi yenzira yakanaka yekuratidzira nzvimbo iyi yewebhu.

Yemagariro Midhiya tsoka

evanhu vezvenhau

Tsoka inomira yakamira mabhatani anotungamira kune masocial network chinonyanya kuzivikanwa. Iyo mifananidzo inoitika kana iwe uchisiya mbeva mbeva pamusoro peumwe neumwe webhusaiti yemagariro inowonekera.

Mhuka dzemafoni tsoka tsoka

Mhuka tsoka tsoka

Nekuderedza iyo webhurawuza hwindo kuti uone ino tsoka, iwe unozogona tsvaga iyo 2-3 zvikamu iyo mushandisi inogona kuwana pane mbozhanhare. Inoratidzwa pa767px.

Nyore Yakagadziriswa Footer

Yakareruka Yakagadziriswa

Yakagadzirwa muHTML neCSS ndeye yakapusa tsoka pasina yakawanda fanfare uye inokura.

React Vhidhiyo Musoro

React Vhidhiyo Musoro

Musoro une vhidhiyo yakapusa React.js.

Vhidhiyo Musoro

Vhidhiyo Musoro

Zvimwe musoro une vhidhiyo yakapusa uye zvemhando yepamusoro.

Yakazara Screen Vhidhiyo Musoro neMix-Blend

fullscreen

Ratidza a yakazara vhidhiyo vhidhiyo nemavara pane dura uchishandisa musanganiswa-musanganiswa maitiro

Vhidhiyo Musoro mifananidzo

Vhidhiyo musoro wekuratidzira

Iyo mifananidzo yaive yakagadzirirwa neAdobe Mushure meMhedzisiro kuti ienderane nemabhurawuza ese. Izvo hazvishande pane nhare.

Inopindura vhidhiyo musoro ne gradient

wirirana

El gradient ndiyo yakamira kune ino vhidhiyo musoro kubva kune vamwe vese.


Siya yako yekutaura

Your kero e havazobvumirwi ichibudiswa. Raida minda anozivikanwa ne *

*

*

  1. Inotarisira iyo data: Miguel Ángel Gatón
  2. Chinangwa cheiyo data: Kudzora SPAM, manejimendi manejimendi.
  3. Legitimation: Kubvuma kwako
  4. Kutaurirana kwedata
  5. Dhata yekuchengetedza: Dhatabhesi inobatwa neOccentus Networks (EU)
  6. Kodzero: Panguva ipi neipi iwe unogona kudzora, kupora uye kudzima ruzivo rwako

  1.   AkasVan akadaro

    Vese vakandikurudzira. Ndatenda

    1.    Manuel Ramirez akadaro

      Unogamuchirwa!