Kif trijangolu CSS:-modi l-aktar konvenjenti

Ħafna drabi paġni web sbieħ moderni fihom ħafna grafika attraenti. Fost dawn l-eħfef juża tali forma ġeometrika bħala trijanglu, li hija użata biex disinn pluralità ta 'elementi. Per eżempju, huma użati bħala pointer ma 'oġġett fuq il-paġna għall-viżitatur daru attenzjoni tiegħu lilu. Naturalment, il-funzjoni prinċipali tat-trijangolu - dekorattiv, kif blokki li fihom minnhom, qed isiru aktar modern u attraenti.

Mhux kulħadd jaf kif tinħoloq din iċ-ċifra permezz Cascading Style Sheets, u mintix kif jagħmlu trijanglu CSS.

Applikazzjoni fid-disinn ta 'siti

Fil triangoli web disinn kullimkien. Huma magħmula l-pariri, menus, elementi UI varji. Xi drabi dawn huma użati biex joħolqu indikatur tal-proċess boot. U jekk qabel kien possibbli li jsir mingħajrhom, iżda issa huwa impossibbli, u l-iżviluppaturi huma obbligati li jadattaw għal ħtiġijiet bħal dawn. Wara kollox, illum maħluqa fil trijangolu CSS - parti importanti fil-kostruzzjoni ta 'interkonnessjoni bejn il-partijiet tal-interface u jingħaqdu f'entità waħda.

web disinjaturi Ħafna huma perplexed meta niġu għall-format, id-disinn tagħhom huwa ħafna drabi triangoli. Wara kollox, l-ebda proprjetajiet li joħloq direttament din il-figura ġeometrika. Fil-fatt, hemm metodi multipli li jagħmlu dan.

Metodu tal-ħolqien qafas użu

L-ewwel metodu jippermettilek li toħloq trijanglu fil-CSS - fruntiera. Huwa qed tuża frames. Minkejja l-fatt li l-konfini li huma maħluqa bl-użu l-proprjetà fruntiera mhijiex relatata direttament mal-trijangolu, huwa użat ħafna drabi għal dan il-għan.

Meta jistabbilixxu l-għoli żero u wisa 'tal-oġġett, kif ukoll l-istallazzjoni ta' fruntiera ħoxna, tista 'tara l-kwadru, li huwa maqsum f'erba' triangoli ugwali. Il-trick huwa li inti jeħtieġ li żżomm biss il-fruntiera meħtieġ, u l-oħrajn biex jagħmlu trasparenti. U issa, jirriżulta trijangolu mfassla fid-direzzjoni t-tajba CSS u kulur.

Oħloq angoli li jużaw il-proprjetajiet "qafas" huwa konvenjenti minħabba li m'hemm l-ebda ħtieġa li tiġbed ritratti jużaw kwalunkwe editjar. Parametri trijangolu tista 'dejjem jinbidlu fil-kodiċi. U dan jiffranka iżviluppatur żmien. Billi tikkombina l-wisa differenti tal-qafas huwa faċli biżżejjed biex jiksbu l-figura. Biex wieħed jifhem kif taħdem, inti tista 'sempliċiment toħloq element vojta b'wisa' żero, tul, u l-qafas ħoxna ħafna ta 'kulur differenti fuq kull naħa. Allura, jagħmlu t-tliet naħat mill-erba 'triangoli trasparenti huma ta' tipi differenti:

• trijanglu, tħares lejn ix-xellug, l-ġnub tiegħu huma ugwali;
• trijanglu, tfittex xellug u ċċattjati;
• triangolu mtawwal, jiffaċċjaw xellug;
• trijanglu angolat, li xellug għal angolu rett;
• trijangolu tfittex l isfel;
• trijangolu tfittex up;
• trijanglu, tħares lejn il-lemin, u ħafna speċi oħra.

Bl-użu psevdoedementov

Ma 'dawn it-tekniki, inti tista' toħloq angoli fl-istruzzjonijiet pop-up u tips. Li tehmeż permezz trijanglu CSS għall-unità, l-aktar programmaturi jużaw bħal psewdo wara u qabel. Jekk inti jużawhom flimkien, huwa possibbli li tiġbed fil-trijangolu CSS li jkollhom puplesija.

Billi dawn jingħaqdu, l-iżviluppaturi joħolqu varjetà ta 'shooter sbieħ, tapplika proprjetà pożizzjoni: relattiva għall-element ġenitur. Dan isir sabiex psewdo-ma mċaqalqa barra tas-sedili tagħhom.

Plus l-użu ta 'qafas CSS għall-ħolqien triangoli huma:

• editjar ta 'malajr u faċli ta' daqsijiet u kuluri bl-għajnuna ta 'proprjetajiet;
• appoġġ browsers.

cons:

• minħabba li juża l-qafas, m'hemm l-ebda possibbiltà li japplikaw gradients, dellijiet;
• kultant, meta l-utent jagħti ħarsa lejn il-paġna ta 'Firefox browser, il-valur alfa jista jaħdimx, u dan se tgħawweġ l-immaġini.

Bl-użu stampi lesti

Il-metodu li ġej tal-ħolqien trijangoli - huwa l-użu ta 'immaġini kodifikati. It-triangolu huwa mfassal minn qabel b'mod editur immaġni u konvertita kodiċi speċjali ma 'servizzi speċjalizzati.

Vantaġġ ta 'dan il-metodu huwa li inti tista' tagħmel disinn sbieħ ħafna ma dellijiet, gradjenti, u l-qafas u mbagħad biss encode dan kollu. Iżda l-tnaqqis huwa l-fatt li mhux kulħadd huwa fluwenti fil-programmi grafika. Barra minn hekk, jekk l-immaġini huwa kbir ħafna, il-linja tal-kodiċi jinkiseb billi sempliċiment enormi. Dan huwa inkonvenjenti għall-iżviluppatur.

A punt separat jiswa l-użu ta 'browsers Internert Explorer verżjonijiet qodma. Fihom, il-metodu sempliċement ma taħdimx.

Metodu kwadru maqlub

Mod wieħed huwa li jinħoloq mezz ta 'CSS maqlub kwadru. Hemm żewġ unità bażika. Imma xi nies jużaw psewdo.

L-ewwel, inti toħloq kwadru. Dan se jkun il-kontenut tal-membru ta 'rotazzjoni. Imbagħad jitħaddem b'45 gradi, b'tali mod li dehru qishom djamant. Sussegwentement, il-bidla-up u unità esterna hija moħbija mill-overflow proprjetà: moħbija. Din is-soluzzjoni hija wkoll mhux cross-browser, u xi kultant l-istampa ma tkunx murija kif mixtieq.

riżultati

Allura, hemm ħafna metodi biex joħolqu trijanglu. Biss ma jintilfu fil kollha dawn il-proprjetajiet CSS? Referenza f'dan il-każ dejjem se jgħinu. Jiddeskrivi karatteristiċi kollha ta 'Cascading Style Sheets.

Għal dawk li ma jridu jmorru fil-programmazzjoni u l-fehma tal-CSS-gwida, hemm edituri online li jiġġeneraw triangoli daqsijiet dritt u kuluri. Fil- editur viżwali, l-utent jagħżel u configures kollha figura settings. Maqluba għal l-ġeneratur trijangolu kodiċi CSS mqiegħda fil-tieqa separata fuq il-fly. Imbagħad, il-kodiċi ġġenerati hija sempliċement mdaħħal fil-stylesheet u sabiex jiffittjaw mat-disinn tal-paġna.