E faapefea ona tafatolu CSS: o le auala e sili ona talafeagai

E seasea ona itulau o le initaneti po nei matagofie o loo aofia ai le tele o vaaiga faatosina. I latou e faaaoga e le faigofie e foliga geometric o se tafatolu, lea e faaaogā i le fuafuaina a plurality o elemene. Mo se faataitaiga, o loo latou faaaogaina o se e faasino i se mea i luga o le itulau i le tagata asiasi silasila ia te ia. O le mea moni, o le galuega tauave autu o le tafatolu - a teuteu, e pei poloka o loo i ai i latou, e avea atili i ona po nei ma lalelei.

Le o tagata uma na te iloa le auala e faia e se tagata e ala i Sheets faiga auvae, ma e mafaufau pe faapefea ona faia se tafatolu i CSS.

Talosaga i le mamanu o le nofoaga

I web triangles mamanu soo se mea. O loo latou faia i fautuaga, meaai, eseese elemene Ui. O nisi taimi o loo faaaogaina i latou e faia se faailoga o le faagasologa o seevae. Ma afai muamua sa mafai ona faia e aunoa ma i latou, ae i le taimi nei e le mafai, ma ua noatia developers e fetuunai i sea manaoga. Ina ua maea uma, na foafoaina i aso nei i le tafatolu CSS - o se vaega taua i le fausiaina o sootaga tau fesootaiga i le va o le vaega o le Ofisa ma tuufaatasia i se faalapotopotoga e tasi.

E toatele web mamanu e mautonu pe a oo i le faatulagaga, le fuafuaga a lea e masani ona triangles. Ina ua maea uma, e leai se meatotino o le a saʻo faia lenei fuainumera geometric. O le mea moni, o loo i ai auala e tele e faia lenei mea.

O se auala o le foafoaina o tino faaaogaina

Le uluai metotia e mafai ai ona e fausia se tafatolu i le CSS - tuaoi. O loo ia faaaogaina faavaa. E ui lava i le mea moni e faapea e le o saʻo e faatatau i le tuaoi ua faia e faaaoga ai le meatotino tuaoi i le tafatolu, e faaaoga le tele o taimi mo lenei faamoemoe.

Ina ua faatulagaina le o le maualuga ma le lautele o le mea, e pei ona lelei e pei o le faapipiiina o se tuaoi mafiafia, e mafai ona e vaai i le sikuea, lea ua vaevaeina i triangles tutusa e fa. O le ki, e tatau ona e tausia na o le tuaoi e tatau ai, ma le isi e faia manino. Ma o lenei, o le liliu mai se tafatolu tosina atu i le itu saʻo CSS ma lanu.

Fatu angles le faaaogaina o le meatotino "tino" o le faigofie ona e leai se mea e tusi ni ata e faaaoga i so o se faasaʻoina. e mafai ona suia i taimi uma le faataamilosaga tafatolu i le code. Ma o le faasaoina atinae taimi. I le tuufaatasia o le lautele eseese o le tino e faigofie lava e maua ai le fuainumera. Ina ia malamalama i le auala e galue ai, e mafai ona na faia se elemene gaogao ma a o le lautele, o le maualuga, ma sili ona mafiafia faavaa a lanu eseese i itu taitasi. O lea, o le faia o le itu tolu o le triangles manino e fa o o ituaiga eseese:

• tafatolu, ma vaavaai i le itu tauagavale, o le itu lea e tutusa;
• tafatolu, ia saili tuua ma faamafola;
• se tafatolu elongated, feagai tuua;
• tafatolu angled, o lona tuua e tulimanu taumatau;
• tafatolu vaavaai ifo agai i lalo;
• tafatolu vaai atu i luga;
• tafatolu, ma vaavaai i le itu taumatau, ma le tele o isi ituaiga.

faaaogaina psevdoedementov

Faatasi ai ma nei auala, e mafai ona e faia angles i le oso aʻe faatonuga ma fautuaga. E faapipii ala tafatolu CSS e le vaega, o le tele lava polokalame o faaaoga e pei o se pseudo-ina ma luma. Afai e te faaaogaina faatasi i latou, e mafai ona e tusi i le tafatolu CSS i ai o se tino.

I le tuufaatasia i latou, o le fatu developers eseese shooter matagofie, le faaaogaina o meatotino tulaga: aiga i le elemene matua. e faia lenei mea ina ia pseudo-e le siitia mai o latou nofoa.

Plus le faaaogaina o le faavae CSS mo le foafoaina o triangles o le:

• faasaʻoina vave ma faigofie o ituaiga ma lanu faatasi ma le fesoasoani o meatotino;
• lagolagoina browsers uma.

leaga:

• ona faaaoga e le tino, e leai se avanoa e faaaoga gradients, ata;
• o nisi taimi, pe a vaai i le tagata e faaaogāina i le itulau o Firefox browser, e le mafai galulue le taua Alefa, ma o le a faaseseina ai le faatusa.

O le faaaogaina o ata saunia-faia

O le auala lenei o le fatuina o triangles - o le faaaogaina o ata encoded. e aumaia le tafatolu muamua i se faatusa faatonu ma liua i se tulafono faapitoa ma auaunaga faʻapitoa.

Faaaoga lenei auala e faapea e mafai ona e faia se tele matagofie mamanu ma ata, gradients, ma faavaa ma na encode uma. Ae o le downside o le mea moni e faapea o le atamai e tagata uma i le polokalame ata mananaia. I le faaopoopo atu, pe afai e matua tele le faatusa, o le laina o code ua maua e na maoae. e le talafeagai lenei mo le atinae.

A o le mea taua eseese le faaaogaina o browsers lomiga tuai tagata suʻe nuʻu Internert. I latou, o le auala na e le o galulue.

Faiga faatafafa inverted

Se tasi o auala o le fatuina lea o se auala e faatafafa CSS inverted. E lua iunite faavae. Ae o nisi tagata e faaaogaina pseudo.

Muamua, o le ae faatupuina ai se faatafafa. O le a avea le mataupu o le rotating sui. Ona tala e ala i le 45 tikeri, ina ia foliga mai o se taimane. Sosoo ai, o loo natia le suiga-i luga ma se iunite i fafo e ala i le faatumulia o meatotino: natia. O lenei fofo foi e le o se satauro-browser, ma o nisi taimi e le o faaalia i le ata e pei ona manaomia.

taunuuga

O lea la, o loo i ai le tele o metotia e fatu ai se tafatolu. Na e le e leiloloa i nei meatotino CSS uma? Faasinomaga i totonu o lenei tulaga o le a fesoasoani i taimi uma. O loo faamatalaina ai vala uma o Sheets faiga auvae.

Mo i latou e te le manao e alu atu i polokalame ma manatu i le CSS-taiala, o loo i luga o le initoneti faatonu e faatupulaia triangles ituaiga saʻo ma lanu. I le faatonu vaaia, e filifilia le tagata e faaaogāina ma configures fuainumera tulaga uma. Liua i le tafatolu afi code CSS tuu i totonu o se faamalama e ese i le lago. Ona, o loo faaofiina le code faatupulaia i le stylesheet ma ina ia fetaui ma le mamanu o le itulau.