Ga yadda za a ƙara ƙarin hoton zane mai amfani da CSS
Dubi shafukan yanar gizo masu shaharar yau da kuma zane-zane wanda kuke tabbatar da ganin babban abu ne, hotuna masu bangon allo. Ɗaya daga cikin kalubale tare da ƙara waɗannan hotunan ya fito ne daga mafi kyawun ayyukan da shafukan yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon yanar gizon .
Tun lokacin da shafukan yanar gizonku suka canza da sikelinsu tare da girman girman allo, haka ma dole ne wadannan hotuna masu kwakwalwa su auna girman girman su.
A gaskiya ma, wadannan "hotuna masu ruwa" suna daya daga cikin maƙalafan yanar gizo (tare da grid da kuma tambayoyin mai jarida). Wadannan ayuka guda uku sun kasance wani nau'i mai kyau na zanen yanar gizo tun daga farkon, amma yayin da yake da sauƙi a sauƙaƙe ƙara hotunan hotuna a kan shafin (hotunan maƙallan su ne hotunan da aka sanya su a matsayin ɓangare na rubutun HTML), yin daidai da hotuna masu bangon (waxanda aka sanya su cikin shafi ta amfani da kariya na CSS) sun dade suna ba da kalubale ga masu yawa masu zanen yanar gizo da masu ci gaba da ƙarshen zamani. Abin godiya, daɗaicin "dukiya" a CSS ya sanya wannan zai yiwu.
A cikin wani labarin dabam, Na rufe yadda za a yi amfani da ƙananan kayan gida na CSS3 don shimfiɗa hotuna don shiga cikin taga, amma akwai wata hanya mafi kyau, hanya mafi amfani da za a tsara domin wannan dukiya. Don yin wannan, za mu yi amfani da dukiyar da ke biye da darajar hadewa:
Girman girma: murfin;
Abubuwan da ke cikin maɓallin ƙididdiga ya gaya wa mai bincike don fadada hotunan don dacewa da taga, ko da kuwa yadda babban ko karamin wannan taga yake samun. Hoton yana ƙuƙwalwa don rufe dukan allon, amma ana iya kiyaye adabin da aka yi da ɓangaren na ainihi, yana hana hoto da kansa daga ɓata.
Ana sanya hoton a cikin taga kamar yadda yafi girma don a rufe duk fuska. Wannan yana nufin cewa ba za ku sami kuskuren lakabi ba a cikin shafinku ko duk wani ɓangaren hoto a kan hoton, amma yana nufin cewa wasu hotunan za a iya tsage su dangane da nauyin rabo na allon da hoton da ake tambaya. Alal misali, ana iya yanke gefen hoto (ko dai saman, kasa, hagu, ko dama) a kan hotunan, dangane da waɗannan dabi'u da kake amfani dasu ga dukiya. Idan ka daidaita tushen zuwa "hagu na hagu", duk abin da ya wuce a kan hoton zai zo daga kasa da dama. Idan ka ci gaba da hoton bayanan, zubar da jini zai fito daga dukkan bangarori, amma tun lokacin da aka ci gaba da wucewa, tasiri a kowane gefe zai zama ƙasa da sabis.
Yadda za a Yi amfani da bayanan-shimfiɗa: murfin;
Lokacin ƙirƙirar hotunanku na baya, yana da kyakkyawan ra'ayi don ƙirƙirar hoto wanda yake da girma. Duk da yake masu bincike zasu iya yin karamin hoto ba tare da tasiri mai kyau a kan ingancin gani ba, lokacin da mai bincike ya zubar da hoto zuwa girman girmansa fiye da girmansa na ainihi, ingancin inganci za a ƙasƙantar da shi, ya zama marar lahani da kuma ƙaddara. Abinda ke ciki zuwa wannan shine shafinka yana ɗaukan wasan kwaikwayo lokacin da kake bayarwa manyan hotuna zuwa duk fuska.
Lokacin da kake yin wannan, tabbatar da yadda za a shirya waɗannan hotuna don saukewar saukewa da kuma sadarwar yanar gizo . A ƙarshe, kana buƙatar samun matsakaicin matsakaici tsakanin girman girman hoto da inganci da girman girman fayil don saukewar saukewa.
Ɗaya daga cikin hanyoyi na yau da kullum don amfani da hotuna masu banƙyama ne lokacin da kake so wannan hoton ya ɗauki cikakken shafi na shafi, ko wannan shafin yana da faɗi kuma an duba shi akan kwamfutar kwamfutarka ko ƙarami kuma ana aikawa zuwa hannu, ta hannu na'urorin.
Shigar da hotonka zuwa mahadar yanar gizon ku kuma ƙara da shi a CSS ɗinku a matsayin hoto na baya:
Hotuna: url (fireworks-over-wdw.jpg);
Bayanin sake-maimaitawa: babu maimaitawa;
matsayi na asali: cibiyar tsakiya;
Abubuwan da aka haɗe da haɗe-haɗe.
Ƙara mai bincike da aka kafa CSS farko:
-dabin-bayanan-launi: murfin;
-moz-background-size: murfin;
-o-bango-girman: murfin;
Sa'an nan kuma ƙara kayan CSS:
Girman girma: murfin;
Amfani da Dabbobi daban-daban wanda ke da alaƙa da na'urori
Duk da yake zane mai dacewa don tebur ko kwarewa a cikin kwamfutar tafi-da-gidanka yana da mahimmanci, nau'o'in na'urorin da za su iya samun dama ga yanar-gizon sun girma sosai, kuma yawancin nau'i-nau'i masu girma sun zo tare da wannan.
Kamar yadda aka ambata a baya, ƙaddamar da babban hoto mai zurfi a kan wayar hannu, alal misali, ba ingantacce ba ne ko zane-zane.
Koyi yadda za ka iya amfani da tambayoyin mai jarida don bauta wa hotuna da zasu dace da na'urorin da za a nuna a kan su, da kuma inganta ingantaccen shafin yanar gizonku tare da na'urorin hannu.
Rubutun farko na Jennfier Krynin. Edited by Jeremy Girard 9/12/17