29 cinwaanada CSS iyo salka hoose ee balooggaaga ama boggaaga

Cagaha CSS

Madaxa iyo cagaha ayaa ah Waxyaabaha aasaasiga ah marka la abuurayo bog cusub shabakad ama baloog, ama haddii kale wax kale oo aan u baahannahay inaan cusbooneysiinno si aan ula kulanno heerarka hadda jira ee naqshadeynta websaydhka. Waa meelo banaan oo booqdaha websaydhadeenu inta badan fiiro gaar ah u yeesho, markaa waa inaan daryeelnaa oo aan koolkooliyaa si ku filan si ay isha uga farxiyaan, marka laga reebo inay shaqeynayaan.

Sababtaas awgeed ayaan u wadaagi doonnaa 29 cinwaanada CSS iyo cagaha hoose ee aad ku isticmaali karto bartaada internetka, oo sidaas ku siiya bartaas tayada ah ee aad raadineysay. Liiskani wuxuu ka kooban yahay cinwaanno maqaal buuxa ah, iyo sidoo kale cabbirka caadiga ah, madax go'an ama go'an, cagaha iyo qaar ka mid ah madaxyada fiidiyowga si loo siiyo aragti kale oo websaydhkaaga ah.

Madax qalooca

Madax qalooca

Cinwaan lagu garto qaabkeeda qalooca salka taas oo ka dhigeysa cinwaan aad u qaas ah oo loogu talagalay degel ama degel. Waa CSS saafi ah, sidaa darteed waxay durba qaadaneysaa waqti lagu tijaabiyo shabakadaada sida ay u ekaan doonto hadii aad ku darto bartaada.

Sawirka madaxa Parallax

Parallax

Iyada oo leh saameyn muuqaal weyn oo Parallax ah, cinwaankan ayaa isku tilmaamaya iyada adeegso booska asalka-muuqaalka CSS. Sawirka cinwaanka waxaa lagu dhejin doonaa dusha sare ee bogga si loo helo koodh saameyn weyn leh.

Xaglatooray madax cinwaan

Madaxa Xagasha

Cinwaankan si fiican ayaa loogu hagaajiyay xagga sare ee bogga ku kala saar sadarkaas jaantuska ah taasi waxay ka talaabaysaa dhammaan jihooyinka aragtida isticmaalaha. Waxay muujineysaa sida loo adeegsado CSS-been abuurka loo isticmaali karo sameynta madax go'an oo leh sawir asal ah.

Madaxa la jeexjeexay

La dhejiyay

CSS iyo HTML ee cinwaankan tusaalaha ah ee ku xusan ayaa lagu gartaa oo ay weheliso khadkaas jaantuska ah taasi waxay ka talaabaysaa shaashadda oo dhan dhinac ilaa dhinaca kale.

Madax la animation SVG

Qalooca svg

Madax aad u fudud, inkasta oo ay isticmaasho animation SVG ah si aad u kala soocdo naftaada kuwaas oo aan ku hayno liiskan. Waxaad marin ka heli kartaa liis ballaaran oo bogag internet ah leh animations SVG halkan.

Madax go'an oo leh Div

Div go'an

Iyada oo saameyn muuqaal leh Parallax, madax go'an oo u taagan saameynta weyn lagu gaadho sawirka asalka ah ee go'an halka inta soo hadhayna ay rogrogayso sida aan jiirka ugu wareejinayno.

Parallax sawir lakab badan

Lakabyo badan

Madax aad u dhameystiran ayaa ku jira Multi-lakab HTML, CSS iyo JavaScript waana loo isticmaali karaa si qumman websaydh la xidhiidha adduunka ciyaaraha fiidiyowga. Dhammaad weyn oo dhan.

Madaxa boostada oo go'an

Qoraal go'an

Cinwaan go'an oo loogu talagalay qoraal kasta oo lagu sameeyo HTML, CSS iyo JavaScript. Daqiiqada aan hoos u rogno, madaxa ayaa la yareeyay oo lagu hagaajiyey xagga sare.

Cinwaan shaashad buuxda leh animation

Mawjadaha dhaqdhaqaaqa

Madax bixiya animation kaas u dhaqaaqo dhinaca dambe taasina waxay soo saartaa saameyn nasasho leh oo ku socota daawadayaasha.

Geesi sawir shaashad buuxda

Muuqaalka geesiga

cunt saameyn zoom, tan madax shaashad buuxda waxaa loo muujiyey inuu yahay mid asal ahaan weyn. Wanaagsan websaydh kaas oo booqdehu uu si weyn u isticmaali doono wareejinta si uu ugu wareego.

Flexbox oo leh badhan 

Flexbox oo leh badhan

Madax qaadanaya ballaca shaashadda oo dhan si uu u muujiyo badhan. Ku habboon bogagga degitaanka oo leh CSS flexbox.

Flexbox gees madax

Geesi Flexbox

Madax leh saameyn parallax iyo flexbox aad u fudud taasi waxay u taagan tahay xarrago qaabkeeda badanaa.

Mawduuc dheg dheg leh

Madax dheg dheg leh

Sida magaceedaba ka muuqata, madax go'an goorma waxaan ku wareejinaa jiirka marka aan dhaqaaqeyno si aad u aragto bogga intiisa kale.

Isukeenida Jawaabta ah ee Ku Dhagan

Wareeg jawaab celin ah

Madax kale oo go'an oo saameyn weyn leh marka menu-ku gaaro dusha sare ee bogga, waayooo daqiiqadaasna way taagantahay oo waan sii wadi karnaa wareejinta goobta.

Madaxa Wareeg

Madaxa wareeji

Way kaga duwan tahay inta kale animation sax ah oo jilicsan markaan dhaqaaqno. Dhamaadka iyada, madaxa hore ayaa weli lagu hagaajiyaa xagga sare.

Madax-wareejinta jawaabta leh

Madaxa jawaab celinta jawaabta leh

Animation kale oo weyn oo loogu talagalay kala saar cinwaankan inta kale leh HTML, CSS iyo JavaScript.

Cinwaanka Gudaha / dibedda

madax animate

Madax lagu soocay saamaynta Gudaha / dibedda ka dib markii la duuduubo taasina waxay soo saartaa dareenka soo noqoshada.

Madaxa oo libdhi

Madaxa oo libdhi

Saamayn animation kale cajiib ah oo aad u xarrago leh HTML, CSS iyo JavaScript.

Madaxa oo qarsoon

Gawaarida gawaarida

Madax ka duwan marka la qarinayo sida ku cad waxaan u adeegsanaa wareejinta animation taasi waa mid aan la dareemin laakiin tayo sare leh.

Lugta Parallax

Lugta Parallax

Lug go'an ama go'an oo leh HTML, CSS iyo JavaScript. Ka soo tayo weyn leh hoos dhaqan gal ahaan.

Luglaha leh cabbirka maaddada

Miisaanka cagaha

Lugood tayo sare leh oo asal ah amakaag soo booqdaha habka fadliga leh ee loo soo bandhigo degelkan shabakadda.

Baraha Bulshada

warbaahinta bulshada

Lugle meel taagan badhamada ku haga shabakadaha bulshada ugu caansan. Animation-ka la soo saaray markii laga tagayo tilmaamaha jiirka mid kasta oo ka mid ah shabakadaha bulshada ayaa taagan.

Liistada cagta lugta leh ee dhaqdhaqaaqa ah

Mobilada lugta ah

Adoo yareynaya daaqada biraawsarka si aad u daawatid lugtaan, waad awoodi doontaa hel qaybaha 2-3 in isticmaalaha uu ka heli karo aaladda gacanta. Waxaa lagu soo bandhigaa 767px.

Fudud Fudud

Fudud Fudud

Lagu sameeyay HTML iyo CSS waa a lug fudud oo aan faan iyo faan badan lahayn.

Ka falcelinta Madaxa fiidiyowga

Ka falcelinta Madaxa fiidiyowga

Madax leh Fiidiyow fudud 'React.js.

Madaxa Video-ga

Madaxa Video-ga

Kuwa kale madax leh fiidiyow fudud oo tayo sare leh.

Muuqaalka Muuqaalka Muuqaalka Muuqaalka oo buuxa oo leh Isku-qas

Shaashad oo idil

Muuji a fiidiyowga shaashadda buuxa leh qoraalka lakabka adoo adeegsanaya qaab isku dhafan.

Video animation cinwaan

Video animation cinwaanka

Animation ahaa loo habeeyay Adobe After Effects inaad la jaanqaadi karto dhammaan daalacashada. Kuma shaqeeyo mobilka.

Madaxa fiidiyow ee jawaabta leh weheliyaha ah

Tixgelinta

El Wehliyaha waa waxa taagan cinwaanka fiidiyowga inta kale.


Nuxurka maqaalka wuxuu u hogaansamayaa mabaadi'deena anshaxa tifaftirka. Si aad u soo sheegto khalad guji Halkan.

2 faallooyin, ka tag taada

Ka tag faalladaada

cinwaanka email aan la daabacin doonaa.

*

*

  1. Masuul ka ah xogta: Miguel Ángel Gatón
  2. Ujeedada xogta: Xakamaynta SPAM, maaraynta faallooyinka.
  3. Sharci: Oggolaanshahaaga
  4. Isgaarsiinta xogta: Xogta looma gudbin doono dhinacyada saddexaad marka laga reebo waajibaadka sharciga ah.
  5. Kaydinta xogta: Macluumaadka ay martigelisay Shabakadaha Occentus (EU)
  6. Xuquuqda: Waqti kasta oo aad xadidi karto, soo ceshan karto oo tirtiri karto macluumaadkaaga.

  1.   TecOku dijo

    Dhammaantood way i qanciyeen. Mahadsanid

    1.    Manuel Ramirez dijo

      Adaa mudan!

bool (run)