Fesuiaiga lanu lamolemole: gradient CSS

lanu Faalenatura e masani lava ona uniformly lamolemole. Ae e oo lava i le a atoatoa mafolafola luga o se tasi faatusa lanu mausali o le fesuiaiga lanu faalenatura. Pea pauu unintentionally susulu o le la po o le moli faafoliga, e pei foi o le suiga i le tulimanu o le vaaiga e mafai ai ona shades faʻapōuliuli ma tulaga ese.

E lua vaega o le vaaiga taulai i le mea lava e tasi, iloa le eseesega o lanu, faasologa, o la latou vaai angles ma le faamaopoopoga ma isi angles o incidence o ave i luga o le solo.

aafiaga o le mafaufau o fesuiaiga lanu

e le gata Valivali le sensations faaletino ma le faalagolago e le gata i le taimi ma le tulaga i le vanimonimo. Images o laau, fale, mauga ma isi mea i se tulaga inverted faaosofia le lagona o le ata i le vai luga po o le isi mea.

Matuai uliuli laina tutusa i se atoatoa sinasina puipui luga, taitasi laina i luga o le faateleina atoa le umi e tusa ai o le faaitiitiga mafiafia o le mafiafia laina masani pe a manatu i luga o se pa - le a mafua ai nei mea uma o se lagona i le Maimoaga ei ai i le potu a le taualuga faalava.

O se tasi faatusa o loo tusia i le lua, ma le tasi oi latou ua siitia ma le faaaloalo le tasi i le isi e ala i se mamao i le va o mata, le tuuina atu o le aafiaga o tusi spatial, pe afai e vaai defocus.

Afai e lava le tele o le pepa lautele ma le sopoia tuaoi o le mea moni ua faaatoatoaina, o le ata i luga o le pepa lautele o le a vaai i ai o le lalolagi e faapea o le shades manao o lanu, o le iloa o le a fesootai otometi beholder.

Nofoaga, ma luga o mea uma, o lona mamanu ma le lanu polokalame o mafuaaga punaoa taua ma felagolagomai, lana talanoaga, ia le aafiaga o le mafaufau e tatau i le tagata asiasi.

fesuiaiga lamolemole ala CSS

ua foafoaina Gradients ma linear-gradient () ma radial-gradient (). I le tulaga muamua, o se suiga lelei o le lanu e tupu i luga o le laina ma i le tulaga lona lua - o se ellipse po o le liʻo. e mafai ona faatulaga gradient CSS i le meatotino o talaaga, talaaga-faatusa, tuaoi-faatusa, lisi-o faiga-faatusa. Superimposing elemene o le tasi i le isi, faamatalaina latou manino e mafai ona faatupuina ai shades tele ma le faia fesuiaiga tulaga ese.

E tatau Peitai ona totogiina i le mafaufau e le mafai ona sologa lelei pea suiga lanu le. O nisi variants o faapotopotoga lanu, o le tulaga faatauaina o le manino, e mafai ona tuuina atu talaaga faatulagaga itulau laasaga aafiaga manaomia.

CSS tulafono mo gradient talaaga pueina

O le gradient o se suiga sologa lelei mai le tasi le lanu i le isi. I lenei tulaga, e mafai ona e faaaogaina lanu tele. Matau le lomiga linear o (CSS gradient linear) e mafai ona eseese:

O le uluai parameter o le itu tulimanu faanaunauga po o itulagi, sosoo ai ma le lanu. Le tatau ona faaaoga na o lanu e lua, e mafai ona tusi le nuanua atoa. e mafai ona maua le faatatauina o manino meatotino opacity aafiaga overlapping.

O le filifiliga o lanu, o le eletise lanu

O le vaega o le foafoaga o le mamanuina, faafaigofie le nofoaga o le atinae i le tausaga talu ai nei. E avea foliga faatafafā lē tutusa aoga ma talafeagai, o loo i ai a itiiti mai o le faamatalaga, a itiiti mai o le galuega, o le tulaga aupito maualuga ma le uiga o le mafaufau e faatau atu le oloa, tuuina atu se auaunaga, faailoga faapau, lelei ma / po o eseesega taua mai tauva.

Ae peitai, i le e oo lava i ia tuutuuga e faigata, o tulafono faatonutonu ma le foafoaga o ona po nei web-punaoa o se nofoaga mo le sogasoga ma se manao manino o nisi developers e faia ai se faigata, i tapulaa fuafuaina galuega ma lanu, atagia mai ai le lagona o le anotusi anotusi ma le talanoaga faiga filifilia. ua faaaogaina soo gradient CSS.

Valivali fofo "Google" ma le "o le Skype", e faapitoa lava, sa i ai se aafiaga ma le soo, peitai, i le ulugalii mulimuli o le tausaga, o le vaega malosi o web mamanu amata ona vaai mo foliga fou, lanu fou ma unobtrusive, taumafai le dynamics o tafe ituaiga.

I luga o le Initoneti e tele punaoa i le initoneti (CSS afi gradient), lea e tele simplifies le galuega o le filifilia o le lanu taumatau :. Angrytools, flatonika, generatecass isi Faatasi ai ma la latou fesoasoani, e mafai ona moni vagana taimi i le filifiliga o le lanu tauagavale, mafaufau i le laina fesuiaiga ma overlays.

polokalame lanu maoae

Tu, faavae i le foafoaga o web-punaoa, faia tulafono mautu: o le fausaga, mataupu ma talanoaga nofoaga i le tagata e faaaogāina auaunaga - o le agavaa o le atinae faatino le finagalo o le tagata e ona (tagata faatau). Foliga Vaaia o le saite, o ona mamanu foi masani e faatatau i le mea moni e faapea e le o fuafuaina e le kalani.

Le taimi nei, o loo tuputupu ae o masini o le a eseese, ma i le aiga o le ituaiga taitasi o loo i ai specimens folafola eseese, faatasi ai ma eseesega taua, e le gata i lanu toe faia, e pei o le iugafono ma browser avea ma le itulagi vaaia.

A eseese browsers ma lomiga faaaogaina foi e faatupuina ai faafitauli i se faafanua lava o CSS gafatia gradient.

Tuufaatasiga iloiloina o nei tulaga, ma faataitaiga o nisi o galuega folafola, e mafai ona finau gata ai o foliga vaaia o le nofoaga defaultnom tulaga - o le agavaa o le atinae ma / po o le tagata e ona le punaoa. E na o le taimi muamua Asiasi atu i le punaoa a tagata e faaaogāina auaunaga, e mafai ona iloiloina le fuafuaga o le saite. Afai ua vaaia e tatau ona manatua o le tagata e faaaogāina le nofoaga ma faaaogaina ai io latou olaga i aso uma, o lona naunautaiga ina ia maua le mea faigaluega e pulea ai le foliga vaaia ma functionality o atoatoa taʻuamiotonuina.

O se nofoaga autu o le kalave o le faaliliuina faamanuiaga atinae: e leai se manaomia o le auai i le faatinoga o le satauro-browser ogatasi, tofotofoga nofoaga i luga o eseese masini i luga o faiga eseese faagaoioia.

Lē gata i lea, o le a faatupuina ai le tulaga o se nofoaga autu o faamatalaga masani mo le faatinoga moni o tulafono CSS e masini eseese. ua na o le amataga lenei, ae o lona malosi e taua tele.