23 maraibhurari emhando yepamusoro eCSS ekugadzirwa kwewebhu

CSS

Ikozvino CSS maraibhurari humbowo hwehupamhi hwewebhu dhizaini uye kuti izvi zvinoita sei kuti zvinhu zvive nyore kana zvasvika pakushandisa nzira dzakanaka dzekunzwisisa kuti ruzivo rwewebhu chii.

Ndosaka tichidaro mugove makumi maviri nemaviri emaraibhurari eCSS emhando yepamusoro yevemhando dzakasiyana maartist anoratidza kuti zvese zvinogoneka sei kuburikidza neiyi dhizaini mutauro. Chinhu chinonakidza chekupa zviwanikwa kushamisika nezvingaitwe kuburikidza neCSS.

Blur Menyu

Blur

Una dhizaini yakagadziridzwa maunogona kuwana mienzaniso minomwe. Ivo vanoshandisa iyo CSS3 shanduko uye chingave chikuru huchenjeri mukushandiswa kweakasiyana vakasarudzika kugadzira yepamusoro mhando blur mhedzisiro.

CSS3D Makore

Makore

Na chete hover pamusoro peiyi demo, iwe unozogona kuona iyo huru mhedzisiro inowanikwa neiyi CSS raibhurari. Zvakanakisisa pane zvese, iwo makore ari mukufamba kwakazara. Inoshandisa CSS3 3D Shanduko pamwe neJavaScript. Kubva pane iyi link iwe unogona kuwana iyo yekudzidzisa iko kwaunowana imwe neimwe yematanho.

Logos mune yakachena CSS

Logos

Raibhurari iyi ine mamwe emalogo anozivikanwa neese akadai Apple kana Twitter. Izvo zvinopfuura zvinonakidza kuti iwe unogona kuziva izvo zvivakwa zveimwe neimwe yemalogo nekuisa iyo mbeva pointer. Iwe une zvese zvinosvika kune iyo yakazara kodhi kubva kune iyi link

Navigation bar naJan Kadera

Jan

Kubva codepen.io isu tine kuwana iyi yekufambisa bar mu3D iyo inofamba zvinoshamisa uye kubva kwatinogona kuziva zvizere kodhi yayo. Chinhu chinoshamisa pane raibhurari iyi ndechekuti inongova nemitsetse makumi matanhatu nenomwe chete. Iwo matsva CSS65 maficha aripo mune yakadzika munda mhedzisiro.

Mifananidzo mapaneru achitsvedza

Sliding

Iwe unokwanisa kuwana iyo dzidziso kubva pano. Kukosha kwayo kukuru kuri anotsvedzerera sei mifananidzo kana uchitsvedza mapaneru emifananidzo. Iwe unogona kuwana misiyano mina yekuisa iwo pawebhusaiti yako uye uwane mhedzisiro yakanaka.

Ringi mhete

Nhete mbiri

Tiri pamberi chindori chakadzoreredzwa zvakakwana iine hukuru hwekugadzira mifananidzo. Kubva codepen.io iwe unokwanisa kuwana kune yese kodhi yakaumbwa nemazana emitsetse.

flex box

Flex

Flexboxes ndiyo itsva CSS nzira yekuratidza makoramu pane peji. A gwara rakakwana kuti unzwisise midziyo iyi.

Iyo yakajeka yekufamba menyu

Navigation

Iwe unokwanisa kuwana ese HTML neCSS yemenu yekufambisa uyo anoti ane rudo rwakawanda rwevara. Yakagadzirwa chose muCSS kuitira kuti ugone kunyudza mumutauro uyu.

Kufambira mberi mabara muCSS3

Barras

Kunyangwe iri muChirungu, sezvakawanda zvitoro zvemabhuku, HTML neCSS zvakanyatsotsanangurwa yaidikanwa kuve neakakura dhizaini yekuenderera mabara. Gradients, mitsara uye mamwe marudzi ezviono zvinokumirira iwe.

Anion.css

Fungidzira

Yakakurumbira paGitHub, ndizvo zvakaitwa zvizere muCSS. Sarudza iyo mifananidzo yaunoda kuziva, uye iwe unofanira kungobaya pane "Animate it" bhatani kuti uone mhedzisiro muAnimate.css. Unogona kurodha pasi kana kuriona paGitHub.

spinkit

spinkit

Takatarisana neunganidzwa wezviratidzo zvinogona shandira yemhando dzese dzezvinhu zvinoonekwa muwebhu. Dzvanya pa "Tsime" uye iwe unowana iyo yese kodhi inodikanwa kuti iitwe.

Buttons

Bhatani

Una CSS bhatani raibhurari dzenzira dzese nemafungiro ekuti uwane iyo iwe yaunoda kuti uzvitsauranise kubva pamakwikwi. Kubva padivi repadivi iwe unogona kudzima maumbirwo kana mhedzisiro yausingade kuwana uye nekudaro tarisa kune imwe kunyanya.

FlipSwitch

flip chinja

Tiri pamberi Anwendung iyo inokutendera iwe kudzima mamwe mabhatani kugadzira iyo iri chaizvo izvo zvatiri kutsvaga. Isu tinoshandisa akasiyana marongero uye pakupedzisira isu tichakwanisa kuburitsa kodhi iyo yatinozoteedzera kune yedu webhusaiti. Chinhu chinonakidza kwazvo chekushomeka kwayo uye dhizaini huru.

Hint.css

Anoratidzawo

Una CSS raibhurari isina JavaScript uye yakagadzirira kuti iwe ushandise sezvaunoda. Mudiki muhukuru, nyore kushandisa uye inoshanda mune ese eazvino mabhurawuza ewebhu.

Mavara.css

Colors

Kune uyo uyo tsvaga ruvara kubva pane imwe inonakidza nzira uye izvo zvinobvumidza nekukurumidza prototyping kune mawebhusaiti ane yakakura inoonekwa ficha.

Anokura.css

voxels

Kana iwe uchiziva Minecraft, mutambo wekuvaka, zvirokwazvo iri raibhurari yeCSS iri nyore kuziva. Tenderera sezvatinotsikirira pakati kuenda kugadzira ma grid.

Typography

typography

Una yakachena CSS font lightweight ingori yakakwana kune yako inotevera chirongwa.

Vakarukwa

Vakarukwa

Una hombe muunganidzwa wemifananidzo yekuisa zvidhori muCSS neHTML.

Kubhadharisa mitsara mitsara

Zviratidzo

Mavara akachena muCSS vavirikurongedza zviratidzo zvemarudzi ese. Chinhu chikuru sosi yekuwana chakakosha uye chakarurama chiratidzo chewebsite yako.

css loader

css loader

Zvimwe font yekuisa ma icon iyo inogona kuve yakagadzirirwa kune ese marudzi emifananidzo.

Mufananidzo Hover

kuyengerera

Una inowoneka CSS raibhurari uye nehuremu hushoma hwemifananidzo yekirasi iyoyo «hover».

hue.css

Yakadzikiswa

Kunobva 49 gradients kana photorealistic gradients yemhando dzese dzemukati uye mifananidzo.

Zvishongedze

zvinhu

Un CSS sisitimu yakavakirwa pane Chinyorwa Dhizaini, iyo dhizaini yekushandisa inoshandiswa neGoogle mune hombe nhamba maapplication uye mune yayo yega Android inoshanda sisitimu.

Usapotsa musangano ine webhu yepamusoro game svg mifananidzo.


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