Matseno a go Fifala ga Lemorago la CSS Go tlhama phelelo ya lemorago le le sa bonaleng sentle mo CSS ga go ise go ke go nne motlhofo jaana. Ka mola o le mongwe fela wa khoutu, o ka fitlhelela ditlamorago tsa pono tse di lebegang jaaka tsa seporofešenale tse di tokafatsang maitemogelo a modirisi le bontle jwa go tlhama. Mokgwa ono o mosola thata mo difensetereng tsa modal, mo di-overlay tsa ditshwantsho, le mo di-interface tsa webo tsa segompieno mo o batlang go gogela tlhokomelo mo diteng tse di rileng fa o ntse o tlosa kgatelelo ya lemorago ka boferefere.
Sephiri se mo thotong ya CSS ya backdrop-filter, e e dirisang ditlamorago tsa dikerafo mo lefelong le le kafa morago ga elemente. Sediriswa seno se se maatla sa CSS se letla batlhami go tlhama ditlamorago tse di gakgamatsang tsa pono kwantle ga JavaScript e e raraaneng kgotsa go tseleganya ditshwantsho tse dingwe. Le fa o ka tswa o bereka mo webosaeteng ya photefolio, mo polatefomong ya e-commerce, kgotsa mo tirisong ya webo, go nna le bokgoni mo mokgweng ono go tla tsholetsa bokgoni jwa gago jwa go tlhama.
Tsela ya go Dirisa Go Fifala ga Lemorago ka Mola o le Mongwe wa Khoutu Maselamotse a diragala ka kgoeletso eno e e bonolo ya CSS:
setlhotlhi sa lemorago: fifatsa (5px);
Mola o le mongwe ono wa khoutu o dirisa phelelo ya go fifala ga Gaussian mo diteng tsa lemorago tse di ka fa morago ga elemente ya gago. Boleng jo bo mo teng ga tiro ya go fifala (5px mo sekaong seno) bo tlhomamisa maatla a phelelo ya go fifala. O ka fetola boleng jono go fitlhelela sengwe le sengwe go tswa mo go nolofatseng go go sa bonaleng go ya kwa lemorago le le fifetseng thata.
Sekao sa Motheo sa Tiragatso Sekao se se feletseng se se bontshang kafa o ka dirisang go fifala ga lemorago ka gone mo setshwantshong sa mofuta ke seno:
.tshwaelo-ya-mofuta { boemo: bo tlhomame; kwa godimo: 0; molemeng: 0; bophara: 100%; boleele: 100%; mmala wa lemorago: rgba (0, 0, 0, 0,5); setlhotlhi sa lemorago: fifatsa (5px); }
Khoutu ena e etsa seaparo se se bonaletsang se nang le phello ya ho fifala ha dipikselse tse 5 e sebediswang ho dikahare tse ka tlase. Mmala wa lemorago la rgba o naya seaparo se se lefifi fa o ntse o letla diteng tse di sa bonaleng sentle go bontsha ka.
Dithekeniki tse di Maemo tsa go Fifala le go Itebaganya Le fa phelelo ya motheo ya go fifala e le maatla, o ka e fetola go ya pele go tsamaisana le ditlhoko tsa gago tsa go tlhama. Thepa ya setlhotlhi sa lemorago e tshegetsa ditiro tse dintsi tsa setlhotlhi tse di ka kopanngwang go bona ditlamorago tse di raraaneng.
Go Kopanya Diphelelo tse dintsi tsa Ditlhotlhi O ka kopanya ditiro tse dintsi tsa setlhotlhi mmogo go tlhama diphelelo tsa pono tse di raraaneng:
setlhotlhi sa lemorago: go fifala (10px) go phatsima (0.8); - E tsenya go fifala le go fifatsa lemorago setlhotlhi sa lemorago: go fifala (5px) go tlala (150%); - E dirisa go fifala le go oketsa go tlala ga mmala setlhotlhi sa lemorago: go fifala (8px) sekale sa botala jo bo tseneletseng (50%); - E kopanya go fifala le phelelo e e sa felelang ya botala jo bo tseneletseng
Dikopano tseno di go letla go tlhama maitemogelo a a tlhomologileng a pono a a tokafatsang go tsepamisa mogopolo mo diteng le go nna le seabe ga badirisi. Leka ka boleng jo bo farologaneng go bona tekatekano e e siameng ya moakanyetso wa gago.
Dikakanyo tsa go Tshwaragana ga Sebatli Le fa backdrop-filter e tshegediwa mo dibatling di le dintsi tsa segompieno, go botlhokwa go tlamela ka di-fallback tsa dibatli tsa bogologolo. Mokgwa o o nonofileng wa go tsenya tirisong ke ono:
.tshwaelo-ya-mofuta { mmala wa lemorago: rgba (0, 0, 0, 0,7); /* Fallback ya dibatli tsa bogologolo */ }
@e tshegetsa (setlhotlhi sa lemorago: fifala (5px)) { .tshwaelo-ya-mofuta { mmala wa lemorago: rgba (0, 0, 0, 0,5); setlhotlhi sa lemorago: fifatsa (5px); } }
Mokgwa ono wa go tokafatsa o o tswelelang pele o tlhomamisa gore moakanyetso wa gago o dira mo dibatling tsotlhe fa o ntse o tlamela ka ditlamorago tse di tokafaditsweng tsa pono tsa dibatli tsa segompieno.
Ditiriso tse di Mosola le Dikgetse tsa Tiriso Ditlamorago tsa go fifala ga lemorago di na le ditiriso tse dintsi tse di mosola mo go tlhameng webosaete ya segompieno. Fano go na le dingwe tsa ditiragalo tse di nang le matswela thata:
Difensetere tsa Mofuta le Mabokoso a Puisano Go fifala ga lemorago go siametse difensetere tsa modal moo o batlang go tsepamisa tlhokomelo ya modirisi mo diteng tsa puisano. Lemorago le le sa bonaleng sentle le fokotsa go tlhakatlhakana ga pono mme le dira tatelano ya pono e e bonalang sentle. Mokgwa ono o dirisiwa thata mo diforomong tsa go tsena, mo dipuisanong tsa go tlhomamisa le mo melaetseng ya kitsiso.
Dipontsho tsa Ditshwantsho le Mafelo a Photefolio Fa badirisi ba tobetsa ditshwantsho tse dinnye, go dirisa go fifala ga lemorago mo diteng tsa tsebe e kgolo go thusa setshwantsho se se godisitsweng go tlhomologa. Mokgwa ono o dira sentle thata mo diphotefoliong tsa dinepe, mo dipontshong tsa dikumo, le mo dipontshong tsa tiro ya botaki moo go leng botlhokwa thata go tlhoma mogopolo mo ponong.
Dimenyu tsa go Tsamaya le Dibara tsa mo Matlhakoreng Ditiriso tsa segompieno tsa selulafouno le diwebosaete gantsi di dirisa go fifala ga lemorago go relela ga dimenyu tsa go tsamaya. Fa menyu o ntse o relela, diteng tsa konokono di a fifala ka boferefere kwa morago, di dira gore go nne le phelelo e e raraaneng ya dikarolo. Mokgwa ona o sebetsa hantle bakeng sa dipaterone tsa ho tsamaya tsa selefouno le dibara tsa ka thoko tse patilweng.
Dikakanyo tsa Tiragatso le Mekgwa e e Molemolemo Le fa backdrop-filter e le maatla, go botlhokwa go e dirisa ka kelotlhoko go boloka tiragatso e e siameng. Dilo tsa konokono tse di akanyediwang ke tseno:
Dirisa ka kelotlhoko: Dirisa ditlamorago tsa go fifala fela mo godielemente tse di tlhokegang go tila go itewa ga tiragatso Teko mo selulafounong: Didiriswa dingwe tsa selulafouno di ka nna tsa nna le mathata a go dira ka ditlamorago tse di bokete tsa go fifala Akanyetsa ditsela tse dingwe: Mo lemoragong le le sa fetogeng, ditshwantsho tse di sa bonaleng sentle di ka nna tsa dira sentle thata Tokafatso e e tswelelang pele: Ka metlha tlamela ka di-fallback tsa dibatli tse di sa tshegetseng karolo eno
Ditiragalo tsa bosheng tsa intaseteri di bontsha kafa ditlamorago tsa pono di tswelelang go fetoga ka gone. Ka sekai, Zoox e rulaganya go tsenya diroboto tsa yone mo tirisong ya Uber kwa Vegas monongwaga, e bontsha kafa dipopontshwa tsa segokaganyi sa badirisi di dirang gore go amogelwe thekenoloji ka bophara ka gone.
Bokhutlo le Dikgato tse di latelang Go nna le bokgoni jwa go fifala ga lemorago la CSS ka thepa ya lemorago-filter go bula dikgonagalo tse di itumedisang tsa go dira dipolane. Tharabololo eno ya mola o le mongwe e tlamela ka ditlamorago tsa pono tsa seporofešenale tse di tokafatsang maitemogelo a modirisi le go dira gore digokagano tsa gago tsa webo di nne tsa segompieno. Gakologelwa go dira diteko mo dibatling le mo didirisweng tsotlhe go tlhomamisa gore di dira ka tsela e e tlhomameng.
Fa o ntse o sekaseka mekgwa ya CSS e e gatetseng pele, akanyetsa kafa dithekenoloji tse di tlhagelelang di ka tlhotlheletsang go tlhamiwa ga webosaete ka gone. Kgaisano mo thekenolojing ya pono e bogale, jaaka go bonwe mo tlhogong ya Nvidia ya go kgweetsa ka go ikemela e bulega ka ga leano la gagwe la go fenya Waymo le Tesla. Fela jalo, ditiragalo tsa lefatshe di ka ama go amogelwa ga thekenoloji, fela jaaka ntwa ya ga Trump kgatlhanong le Iran e ne ya tshwara difofane di le milione le go tsenya lebala la metshameko le le ratiwang thata la Gulf mo tlhakatlhakanong e e neng ya ama thekenoloji ya maeto.
A o siametse go dirisa diphelelo tse di gakgamatsang tsa pono mo diporojekeng tsa gago? Simolola go lekeletsa ka backdrop-filter gompieno mme o bone kafa mola o le mongwe wa khoutu o ka fetolang ditlhamo tsa gago ka gone. Bakeng sa ho kenngwa tshebetsong hantle ha dikarolo tsa CSS tse tsoetseng pele, nahana ka ho sebedisa Seemless ho lokisa kelelo ya mosebetsi wa hao wa ntshetsopele le ho fihlela diphetho tsa seporofeshenale ka potlako.
