Pehea hana CSS triangle: ka loa kupono aoao

Loa pinepine nani ke kālā no nā palapala pūnaewele no uʻi kiʻi nui. Iwaena o lakou i ka simplest hoʻohana na geometric kinona me he triangle, a ua hoʻohana 'ia e manao i ka ai iiiaanoaa o ka oihana mua. No ka laʻana, ka mea, e hoʻohana i ka laʻau kuhikuhi i kekahi mea ma ka 'aoʻao i ka malihini, huli i kona noonoo ana ia ia. O ka holo ana, ke kumu hana o ka triangle - he Nani Loa, like ālai 'i pihaʻi me ia, e lilo hou kēia a me ka hale kalapu no.

Ole a pau i ike pehea e hana e like me ke aka ma Cascading Style Haumana, a e haʻohaʻo ai, pehea e hana i kekahi triangle ma CSS.

Noi i loko o ka manao o ke kahua

Ma ka pūnaewele manao triangle mauna mai'ō a'ō. Ua i mai kōkua, menus, na UI hehee wale. I kekahi manawa ka mea, e hoʻohana 'e ho okumu i ka anakahi o ka kīpaku kaʻina. A ina mua ka mea, ua hiki ke hana ole ia, akā, kēia manawa ia mea hiki ole, a me na haku polokalamu i koiia e ke hakuloli i ia mau olelo. Ma hope o nā mea a pau, i keia la i hana ma ka CSS triangle - nui i kuleana i loko o ka hana o ka interconnection ma waena o nā māhele o ka mau 'a merge i loko o hoʻokahi o kaʻahahui.

He nui pūnaewele akamai i kanalua ka wā e hele mai ai i ke kūpono, me ka manao o ka i mea loa pinepine triangle mauna. Ma hope o nā mea a pau, i ka waiwai i makemake 'ana okumu i kēia geometric huahelu. I ka mea, ma laila nō mau ano, e hana i kēia.

A hana no e pili ana kapiliia me ka hoʻohana '

Ka papa hana mua e leie aku oe e hana i kekahi triangle i loko o ka CSS - mokuna. He ua hoʻohana 'ana i nā mōlina. I loko nō o ka mea i na palena i i hana ka hoʻohana 'ana i ka mokuna waiwai uaʻaʻole pololei e pili ana i ka triangle, ka mea, ua hoʻohana' ia ka hapanui pinepine no keia mea.

I ka wa ana i ka 'Aʻohe kiʻekiʻe a me ka laula o ka mea, e like me ka pono me ka mea hoʻonoho o ka palena manoanoa, e hiki ke ike i ka huinahalike, i ua maheleia i eha like triangle mauna. I ka liana a ka mea e pono e mālama wale nō i ka pono palena, a me na mea e ae e hana i ka aniani moakaka. A, ano, e huli mai i ka triangle e holo ana i loko o ka CSS pono kuhikuhi a me ka waihoʻoluʻu.

Hana i pana pua hoʻohana 'ana i ka waiwai "kino" Ua kūpono no ka mea, aohe pono e huki slike ka hoʻohana' ana i kekahi hoʻoponopono. triangle kiko'î hiki mau ke loli ma ke kuhi. A ka mea hoopakele manawa nā mea haku polokalamu. Ma ka hoʻohuiʻia nāʻokoʻa laula o ka haka ai ia mea maʻalahi lawa e kiʻi i ka huahelu. E maopopo pehea ia hana, e hiki wale ho okumu i ka nele hehee ai me ka 'Aʻohe laula, kiʻekiʻe, a me ka loa mānoanoa maoli he okoa ano ma kēlā me kēiaʻaoʻao. No laila, e ka ekoluʻaoʻao o ka aniani moakaka triangle mauna eha i kaʻano:

• triangle, e nana ana i ka hema, i ka aoao o ka i mea like;
• triangle, e nana ana i haalele ai ia, a flattened;
• he elongated triangle, alo haʻalele;
• huina triangle, nona ka haʻalele i ka akau huina;
• triangle nana e kō ana;
• triangle Nana ae la iluna;
• triangle, e nana ana i ka akau, a me na mea he nui 'ē aʻe? ueo.

E ho ohana i psevdoedementov

Me kēia mau 'ana i kūpono, e hiki ke hana pana pua i loko o na olelo Pop-i a me ka manaʻo kōkua. E paʻa Via CSS triangle i ka mokuna, ka hapanui programmers hoʻohana e like me ka feria-ma hope, a ma mua. Inā e hana ia i kahi hookahi, e mea hiki ke kikoo i loko o ka CSS triangle me ka hahau ana.

Ma ka hoʻohuiʻia ia mau mea, na haku polokalamu ho okumu i kekahiʻano o ka nani poʻe, ana ka waiwai wahi: i pili i ka makua hehee ai. He ua hana i ka mea e feria-i neʻe mai o ko lakou mau nohoalii.

Eia ke ano o ka CSS? Aieao no e pili ana triangle mauna mea:

• ka poe ola, a me ka oluolu hoʻoponopono o ka nui like 'ole a me nā kala like me ke kōkua o ka waiwai;
• kākoʻo i nā polokalamu kele pūnaewele.

Con:

• no ka mea, hoʻohana i ka wahi ponoi, aole he manawa kūpono e pili gradients, aka;
• kekahi manawa, i ka wa a ka mea hoʻohana nānā ma kaʻaoʻao o Firefox lako, ka Alpha cia i ole e hana, a me keia e paha ka nānaina i ke kiʻi.

E ho ohana i hoomakaukau-i slike

ʻO kēia hana o ka pili ana triangle mauna - o ka hoʻohana 'ana o encoded kiʻi. Ke triangle ua unuhiʻia ma mua i loko o ke kiʻi ka luna hoʻoponopono, a hoohuliia mai i loko o ka kūikawā kivila me ka hana kūikawā lawelawe.

Ka lanakila o keia iaoia mea ia oe ke hana i ka maikai loa ia manao me ka malumalu, gradients, a me ka wahi ponoi, a laila, e encode mea a pau. Akā, i ka downside o ka mea i ole a pau ka poeko i kiʻi papahana. Eia hou, ina i ke kiʻi, ua nui loa, ka laina o ke kivila ua loaa ia ma ka wale, alahula mau. He kaʻao no ka mea haku polokalamu.

A hookaawale'ikamu kumu kūʻai o ia i ka hoʻohana 'ana o nā polokalamu kele pūnaewele InternertʻImi Loa kahiko wale nō. Ma ia mau mea, o ka hana wale, aole e hana.

Hana huluʻahā like:

Kekahiʻaoʻao mea e hana i kekahi mea o ka CSS hulu huinahalike. Aia nō nā kumu o kēia mokuna. Akā, kekahi kanaka e hoʻohana feria.

Mua, e ho okumu ana i ka huinahalike. Ka mea, e ia kahi o ke kaʻapuni lālā. A laila, deploy ia ma ka 45 degere, no laila, ua nana aku la e like me ka daimana ia. Next, ka naeaeaa-i a me ka mawaho pa alima ua hūnāʻia ma ka waiwai hoʻohālana: i hūnāʻia. Kēia pāʻoihana kekahi mea,ʻaʻole he keʻa-lako, a me kekahi manawa ua i hōʻike i ke kiʻi like makemake.

hualoaʻa

No laila, ua nui na ano, e ho okumu i kekahi triangle. Wale ka mea, aole e OIeAAeO ~ i loko o nā mea a pau kēia mau CSS waiwai? Reference ma keia hihia, e mau kōkua. Ua wehewehe a pau hiʻona o Cascading Style Haumana.

No ka mea e ole makemake e hele i loko o iaaiey, a nānā i ka CSS-alakai poe, eia online, me ka luna hoʻoponopono i paha triangle mauna pono nui like 'ole a me nā waihoʻoluʻu. Ma ka pilikia makapō hoʻoponopono, ka mea hoʻohana Nāna e koho, a hoʻonohonoho i nā palapala koho huahelu. Hoohuliia i ka CSS kuhi mīkini hana wāwahie triangle waiho i loko o ka hookaawale puka ma o ka nalo. A laila, i ka ua loaʻa kuhi ua wale hookomo i loko o ka stylesheet a me ka pono i ka manao o kaʻaoʻao.