25 Casharro si loo hagaajiyo sawirrada leh CSS iyo jQuery

Css-3-sanduuqa-hooska-sawirka-hover-saamaynta-muuqaalka-qaabaynta-sooyaal-muuqaal-dhiirigelin-kudar-hoos-xuduudaha-samee-sawiro-istaag

Marka ay timaado hagaajinta sawirada, waxaan dooran karnaa inaan ku sameyno Photoshop ka dibna ku dheji bogga internetka ama waxaan sidoo kale dooran karnaa xulashada B: ku samee HTML, CSS iyo farsamooyinka Javascript ee la heli karo.

Boodka ka dib waxaa jira farsamooyin badan oo lagu hagaajinayo sawirrada, dhammaantoodna waxaa lagu sameeyay jQuery oo ah saldhigga ugu weyn ama CSS3 anagoo ka faa'iideysaneyna heerarka ugu dambeeya ee webka, in kastoo aan idin xusuusinayo inay taasi dhacdo waxaan lumineynaa iswaafaqsanaanta biraawsarayaasha qaarkood.

Waxay ku qoran yihiin Ingiriis laakiin waxaa lagu qabtay duulimaad, waa loo ballanqaaday :)

Xigasho | 1aadWD

CSS3 Sawir Wareegsan JQuery

Baro inaad ku duubtid taako taako ah qaybta sawirka si aad u gaarto sawirro wareegsan oo si sax ah loogu soo bandhigi doono dhammaan daalacayaasha casriga ah.

Css-3-muuqaal-wareegsan-leh-jquery-image-hover-saamayn-muuqaal-sameynta-sooyaal-muuqaal-dhiirigelin-kudar-hadh-xuduudaha-samee-sawiro-istaag

2.

Astaamo iyo Xuduudo badan oo leh CSS 2.1

Baro sida loo isticmaalo CSS 2.1 been-abuurka si loo bixiyo ilaa 3 shiraac oo sooyaal ah, 2 sawirro soo-jeedin cabbir go'an ah, iyo xuduudo badan oo adag oo loogu talagalay hal cunsur HTML ah.

Dad-badan-soo-jeeda-xuduudaha-css-2-muuqaal-qaabeyn ah-muuqaal-muuqaal-dhiirigelin-ah-kudar-hoos-xuduudaha-samee-sawiro-istaag

3.

Talo Degdeg ah: Xudduud badan oo leh CSS fudud

Shaashad dhakhso leh oo ku tusaysa sida loo gaaro xuduudo badan oo leh CSS fudud habkaas oo lagu darayo qoto dheer naqshadahaaga. Nooc fudud oo fudud oo casharkii hore ah.

Deg deg-caado-badan-xuduudaha-leh-fudud-css-sawir-qaabaynta-gadaal-muuqaal-dhiirigelin-kudar-hoos-xuduudaha-samee-sawiro-istaag

4.

Xudduud Badan oo ku Saabasan Waxyaabaha Isbedelaya oo leh CSS2

Nooca saddexaad ee Nicholas Gallagher ku tusinaya waxaad samaynayso haddii aadan cabbirka cabbirka.

Xuduudaha badan-firfircoon-cabirkoodu-yahay-css-2-muuqaal-qaabeyn-muuqaal-muuqaal-dhiirigelin-kudar-hadh-xuduudaha-samee-sawiro-istaag

5.

Ku Baashaal w / Xuduudaha - Beledled, Pressed, & More!

Baro sida loogu gaaro saameynta cadaadiska leh CSS iyo tabaha fudud ee xuduudaha si aad uhesho saameyn kala duwan.

Ku-raaxeeyso-xuduudaha-beled-beledled-riix-badan-image-qaabeynta-soo-jeeda-muuqaalka-dhiirigelin-dar-hooska-xuduudaha-samee-sawirada-istaagaan

6.

Polaroids leh CSS3

Baro sida loo isticmaalo qaar ka mid ah CSS2 iyo CSS3 oo laga cabsado si loogu beddelo liistada haddii kale liidata ee sawirada oo aad u buuxiso sawirro Polaroid ah.

Polaroids-css-3-muuqaal-qaabeyn-muuqaal-muuqaal-dhiirigelin-ah-kudar-hadh-xuduud-samee-sawirro-istaag

7.

Muuqaalka Asalka ee Bogga oo Buuxda

Baro sida loogu daro sawirka asalka leh CSS kaas oo ku buuxiya bogga oo dhan sawir, ma laha meel cad, sawirka miisaanka sida loogu baahan yahay, ma sababo baararka wareega iyo waxyaabo kaloo badan.

Niiko-jaam-iyo-niiko-futo-kacsan-niiko-niiko-jaam-niiko-niiko

8.

CSS3 Box Hooska iyo Saamaynta Sawirka

Baadh hab cusub oo aad ku darto saamaynta hooska hoos u dhaca adoo hagaajinaya xaashida qaabka.

Css-3-sanduuqa-hooska-sawirka-hover-saamaynta-muuqaalka-qaabaynta-sooyaal-muuqaal-dhiirigelin-kudar-hoos-xuduudaha-samee-sawiro-istaag

9.

Fannaanka Thumbnail Hover Effect w / jQuery

Ku guuleysato waxqabadka qaab-dhismeedka toosan leh CSS iyo jQuery.

Fancy-thumbnail-hover-effect-with-jquery-image-styling-backgrounds-muuqaal-dhiirigelin-kudar-hadh-xuduudaha-samee-sawiro-istaag

10.

Sida Loo Abuuro Saameynta Sawirka Sawirka CSS ee Fudud

Casharradan waxaad ku baran doontaa sida loo abuuro saamayn rog rogaan muuqaal CSS fudud ah HTML aasaasiga ah iyo qaabeynta CSS.

Sidee-loo-abuuraa-fudud-css-sawir-rogaal-saameyn-muuqaal-hover-saamaynta-sawir-qaabaynta-sooyaal-muuqaal-dhiirigelin-kudar-hooska-xuduudaha-samee-sawirada-istaagaan

11.

Batalaale

Fallaadhinta ayaa kaa qaadeysa aasaaska waxyaabaha sabeynaya sida sawirrada, koofiyadaha hoos loo rido, badhamada soo socda iyo kuwa dambe, qolalka sawirada, liisaska liistada iyo qaababka safafka badan. Fiiri 4 casharro loo qoondeeyay sawir sabayn ah.

Sawirada-muuqaalka-muuqaalka-muuqaalka-muuqaalka-muuqaalka-dhiirrigelinta-kudar-hooska-xuduudaha-samee-sawirada-istaagaan

12.

Saamaynta Snazzy Hover Isticmaalka CSS

Casharradan, waxaad ku dul wareegi doontaa abuurista farsamooyin hover sare oo dabacsan adoo adeegsanaya guryaha CSS2.1.

Snazzy-hover-saameyn-isticmaalka-css-image-styling-backgrounds-muuqaal-dhiirigelin-kudar-hooska-xuduudaha-samee-sawirada-istaagaan

13.

Isbarasho Degdeg Ah La'aan

Horey usoco

Markaad isticmaaleyso rogaal celinta sawirka CSS, labo, seddex, ama in kabadan sawiro waa in laxiraa (badanaaba waa ladiidayaa natiijooyinka ugu wanaagsan). Baro sida loo wada dhigo dhamaan gobolada hal sawir wuxuu sameeyaa isbedelo dhaqsaha badan isla markaana uma baahna wax horay u sii dejin ah.

Deg-deg-rogaal-aan-preload-image-styling-backgrounds-muuqaal-dhiirigelin-kudar-hooska-xuduudaha-samee-sawirada-istaagaan

14.

jQuery geesaha wareega

Dhibaatooyin badan oo jQuery ah oo loogu talagalay geesaha wareegsan iyo qaabab badan.

Niiko-jaam-niiko-niiko-xaax-kacsi-kacsi

15.

Qalabaynta ugu fudud iyo Horudhaca Sawirka Isticmaalka jQuery

Eeg 3 tusaale oo ah isticmaalka qoraalka horudhaca ah ee jQuery rollover. Qoraalkan fudud waxaa loo adeegsan karaa ujeedooyin kala duwan.

Hordhaca-tooltip-horudhaca-isticmaalka-jquery-image-styling-backgrounds-muuqaalka-dhiirigelinta-kudar-hooska-xuduudaha-samee-sawirada-istaag

16.

La beddelay - Shaashad buuxda oo Taariikh ah /

Sawirada

Plugin jQuery

Superzided waa shey jQuery ah oo cabirkiisu yahay cabirka sawirada si loo buuxiyo biraawsarka iyadoo la ilaalinayo cabirka cabirka muuqaalka iyo wareegyada Sawirada / sooyaalka iyada oo loo marayo slideshow leh kala guur iyo soo dejin.

Qaab-dhismeedka-buuxa-shaashad-muqaal-jwuery-plugin-image-styling-backgrounds-muuqaal-dhiirigelin-kudar-hadh-xuduudaha-samee-sawiro-istaag

17.

PNG Dusha sare

Weligaa ma kula soo kulantay dhibaatada abuurista goob sawirro uu macmiilku siiyay, oo aad mar dambe ka heli karto ka dib markay cusbooneysiiyaan sawirradooda muuqaalka asalka ah iyo dareenka aan la hayn? Xalkani wuxuu ku lug leeyahay abuurista PNG daahfuran oo hufan oo loo isticmaali karo sida maaskaro / qaab ku wareegsan JPEG ama GIF caadiga ah. Qaabkan, rakibaadda CMS ee caadiga ah waa la qaabeyn karaa si dadka isticmaala ay u soo rogi karaan sawirro iyaga oo aan ka walwalin adeegsiga barnaamij kasta oo muuqaallo ah si ay u adeegsadaan miirayaasha.

Png-overlay-image-styling-backgrounds-muuqaal-muuqaal-dhiirigelin ah-kudar-hooska-xuduudaha-samee-sawirada-istaagaan

18.

BeZoom

Miisaan culus

JQuery

Fogee Plugin

BeZoom waa beddel fudud oo fudud JQZoom. Way fududahay oo way fududahay in la isticmaalo.

Bezoom-lightweight-jquery-zoom-plugin-plugin-image-styling-backgrounds-muuqaal-dhiirigelin-ku-dar-hadh-xuduudaha-samee-sawiro-istaag

19.

U adeegsiga jQuery Sawirada Sawirka Sawirka

Ku ciyaar jQuery oo beddel booska sawirka asalka si aad u abuurto nooca saameynta aad raadineyso. Waxaa jira maqaal cusub oo ka jawaabaya "Sideen ula tacaalaa gobollada firfircoon?" - U Maareynta Gobolka Firfircoon ee Aasaaska Animated jQuery.

Isticmaalka-jquery-for-background-image-animations-muuqaal-qaabeynta-sooyaal-muuqaal-muujin-dhiirigelin-kudar-hadh-xuduud-samee-sawirro-istaag

20.

5 Siyaabood oo Loogu Shubo Sawiradaada CSS

Waa kuwan xeelado fudud oo fudud si loogu daro dhadhan qaar ka mid ah sawirradaada caadiga ah. Isticmaalka Photoshop si aad u qaabeysid sawir kasta wuxuu noqon karaa mid caajis badan oo adag in la ilaaliyo muddada dheer. Farsamooyinkaan soo socda ee CSS ayaa kaa caawin doona inaad xanuunkaas iska yareyso.

Ways-to-spice-up-your-images-with-css-image-styling-backgrounds-muuqaal-dhiirigelin-kudar-hadh-xuduudaha-samee-sawiro-istaag

21.

Sida loo:

Waa la bedeli karaa

Muuqaalka Muuqaalka

Baro sida loogu sameeyo sawir asal ahaan bed bedeli kara CSS. Waxaad haysataa 3 xulasho oo aad kala dooran karto.

Sida-loo-beddeli karo-gadaal-muuqaal-qaab-dhismeed-muuqaal-muuqaal-dhiirigelin-ah-kudar-hooska-xuduudaha-samee-sawirada-istaaga

22.

Qaabee Xiriiriyaha Sawirkaaga

U oggolow dadka isticmaala inay ogaadaan in qaybta gaarka ah ee boggayaga internetka loola jeedo in la riixo ayaa ugu wanaagsan ee lagu gaaro jiirka waxtarka badan. Qaybahaas "la riixi karo" hubaal waxaa ku jira sawirro muuqaal ah. Xiriirinta Sawirka waa qoraal awood kuu siinaya inaad ku dabaqdo qaabeyn dheeri ah iskuxirkaaga sawirka.

Style-your-image-links-image-styling-backgrounds-muuqaal-dhiirigelin-ah-kudar-hooska-xuduudaha-samee-sawirada-istaaga

23.

Masawirro Asal ah oo badan oo leh CSS

Waqtiyada qaarkood, waxay macno u leedahay isticmaalka sawirada asalka ah halkii si toos ah loogu dhejin lahaa bogga. Iyo in walboo kasta - sida sumadda jirkaaga - ay qaadi karto oo keliya hal muuqaal asal ah, waxaa lagu dabaqi karaa dhowr waxyaalood.

Sawirro-badan-gadaal-leh-oo-leh-css-muuqaal-qaab-dhismeedyo-muuqaal-dhiirrigelin ah-kudar-hadh-xuduud-samee-sawirro-istaag

24.

Xuduudaha Sawirka ee CSS

Runtii waa tababbar fudud oo ku tusaya sida loogu daro xadka adag sawirrada iyadoo la adeegsanayo CSS.

Sawiro-xuduudaha-leh-css-muuqaal-qaab-dhismeedyo-muuqaal-dhiirrigelin ah-kudar-hadh-xuduud-samee-sawirro-istaag ah

25.

CSS Sprites iyadoon la adeegsan Sawirada Taariikhda

Baro sida loo dalbado saameynta dhaqdhaqaaqa iyada oo aan aqoon badan laga haynin CSS.

Css-sprites-la'aan-isticmaalka-asalka-sawirada-muuqaalka-qaabeynta-gadaasha-muuqaalka-dhiirrigelinta-kudar-hooska-xuduudaha-samee-sawirada-istaagaan


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

Noqo kuwa ugu horreeya ee faallo bixiya

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.