Yadda yi CSS alwatika: mafi m hanyoyi

Sau da yawa sosai kyau zamani shafukan yanar gizo dauke da yawa m graphics. Daga gare su cikin sauki yana amfani da irin wannan lissafi da siffar kamar yadda alwatika, wanda ake amfani da su tsara wani jam'i na abubuwa. Alal misali, ana yin su ne a matsayin mauni zuwa wani abu a kan page da baƙo ya juya, ya da hankali ga shi. Hakika, da babban aiki na alwatika - mai ado, kamar yadda tubalan cewa dauke da su, suna samun mafi zamani da kuma m.

Ba kowa ba ne ya sani yadda za a haifar da irin wannan adadi ta hanyar Cascading Style Sheets, kuma suna mamaki yadda za a yi a alwatika a CSS.

Aikace-aikace a cikin zane na shafukan

A yanar gizo zane triangles ko'ina. Suna sanya daga tips, menus, daban-daban UI abubuwa. Wani lokaci su ana amfani da su haifar da wani nuna alama daga cikin taya tsari. Kuma idan a baya shi yiwuwa a yi ba tare da su ba, amma yanzu ba shi yiwuwa, da kuma Developers ake zamar masa dole ya daidaita da irin bukatun. Bayan duk, a yau halitta a CSS alwatika - wani muhimmin bangare a cikin shiri na musayar tsakanin sassa na ke dubawa da kuma ci a cikin guda mahaluži.

Mutane da yawa yanar gizo zanen kaya ne cikin damuwa a lokacin da ya zo ga layout, da zane na wanda shi ne sau da yawa sosai triangles. Bayan duk, babu Properties cewa zai kai tsaye haifar da wannan lissafi adadi. A gaskiya ma, akwai mahara hanyoyi don yin wannan.

A Hanyar samar da firam ta amfani da

Na farko hanya ba ka damar haifar da wani alwatika a CSS - iyaka. Ya yi amfani ne Frames. Duk da cewa da iyakoki da aka halitta ta amfani da iyaka dukiya ba kai tsaye alaka da alwatika, shi da ake amfani da mafi sau da yawa don wannan manufa.

Lokacin da kafa da sifili tsawo da nisa daga cikin abu, kazalika da shigarwa na wani lokacin farin ciki iyaka, za ka iya ganin square, wanda aka raba hudu daidai triangles. A abin zamba ne cewa kana bukatar ka ajiye kawai dole iyaka, da kuma wasu don yin m. Kuma a yanzu, shi dai itace a alwatika kõma a cikin CSS da shiriya, kuma launi.

Ƙirƙiri kusassari amfani da kaddarorin "frame" ne dace domin babu bukatar su kusantar da hotuna ta amfani da wani tace. alwatika sigogi iya ko da yaushe a canza a cikin code. Kuma shi ceton lokaci developer. By hada da daban-daban nisa daga cikin firam shi ne mai sauki isa don samun adadi. Don gane da yadda yake aiki, za ka iya kawai haifar da komai a kashi tare da sifilin nisa, tsawo, da kuma sosai m frame wani launi daban-daban a kowane gefe. Saboda haka, yin uku bangarorin da hudu m triangles ne daban-daban:

• alwatika, neman zuwa hagu, da tarnaƙi daga waxanda suke daidai.
• alwatika, neman bar da mĩƙe.
• wani elongated alwatika, ta bar;
• angled alwatika, wanda hagu zuwa dama kwana.
• alwatika neman zuwa ƙasa.
• alwatika neman up.
• alwatika, neman zuwa dama, da kuma wasu nau'in.

Amfani psevdoedementov

Tare da wadannan dabaru, za ka iya ƙirƙiri kusassari a cikin pop-up umarnin da tukwici. Domin haɗa via CSS alwatika a naúrar, mafi yawa shirye-shirye amfani da irin wannan a matsayin na karya-bayan da kafin. Idan ka yi amfani da su tare, yana yiwuwa ya zana a cikin CSS alwatika da ciwon bugun jini.

By hada su, da developers haifar da wani iri-iri kyau harbi, da ake ji da dukiya wuri: zumunta ga iyaye kashi. Wannan ne yake aikata domin na karya-ba koma daga kujerun.

Plus da yin amfani da CSS Siga don ƙirƙirar triangles ne:

• sauri da kuma sauki tace na masu girma dabam da kuma launuka da taimakon Properties.
• goyi bayan duk masu bincike.

fursunoni:

• saboda yana amfani da firam, babu wani yiwuwar a yi amfani gradients, inuwa.
• wani lokacin, a lokacin da mai amfani da dubi a page na Firefox browser, da kuma Alpha darajar iya yi aiki ba, kuma wannan zai karkatar da image.

Amfani da shirye-sanya hotuna

Wadannan Hanyar samar da triangles - ne amfani da rikidadde images. A alwatika ne kõma a gaba a cikin wani image edita da kuma tuba a cikin wani musamman code tare da qware sabis.

Amfani da wannan hanya shi ne cewa ba za ka iya yin kyau sosai zane da inuwõyinsu, gradients, da kuma firam sa'an nan kawai encode shi duka. Amma da downside shi ne gaskiya cewa ba kowa ne m, a graphics shirye-shirye. Bugu da kari, idan image ne manya-manyan, layi na code da aka samu ta hanyar kawai babban. Wannan shi ne m ga developer.

A raba abu daraja da amfani da bincike Internert Explorer tsohon juyi. A cikinsu, da hanyar kawai ba ya aiki.

Hanyar inverted square

Daya hanyar ita ce haifar da hanyar CSS inverted square. Akwai biyu na asali naúrar. Amma wasu mutane da amfani da na karya.

Da farko, za ka ƙirƙiri wani square. Yana zai zama da abinda ke ciki na juyawa memba. Sa'an nan tura shi ta 45 digiri, saboda haka ya kama da lu'u-lu'u. Next, da miƙa-up da kuma na waje naúrar da yake a ɓõye da dukiya ambaliya: boye. Wannan bayani kuma shi ne ba a giciye-browser, da kuma wani lokacin hoton ba a nuna kamar yadda ake so.

sakamakon

Saboda haka, akwai mutane da yawa da hanyoyi ƙirƙirar alwatika. Kawai ba samu rasa a duk wadannan CSS Properties? Reference a cikin wannan hali zai ko da yaushe taimaka. Yana bayyana duk siffofin da Cascading Style Sheets.

Ga waɗanda ba su so in shiga cikin shirye-shirye da kuma duba CSS-jagora, akwai online Editocin cewa samar da triangles dama masu girma dabam, da launukanku. A gani edita, mai amfani ance da configures duk saituna adadi. Tuba zuwa ga CSS code janareta alwatika sanya a cikin wani daban taga a kan gardama. Sa'an nan, da generated code ne kawai saka a cikin manhajan da ya dace da zane na page.