Nola CSS triangelu: egokiena eratan

Askotan, eder web orrietan modernoaren eduki asko erakargarria grafikoak. Horien artean errazena forma geometriko esaterako triangelu bat, eta horrek elementuen aniztasuna diseinatzeko erabiltzen da gisa. Adibidez, dira erakusle gisa erabiltzen dira objektu bat orriko bisitaria aktibatuta bere arreta zion. Jakina, triangelu funtzio nagusia - apaingarri bat, eduki horietako bloke gisa moderno eta erakargarria bilakatu dira.

Inork ez daki figura bat, hala nola sortu estilo-orri bidez, eta CSS triangelu bat nola egin galdetzen.

guneen diseinuan Aplikazioa

Web diseinua triangelu nonahi ere. aholkuak, menuak, hainbat UI elementuak dira egin out. Batzuetan boot prozesuaren adierazle bat sortzeko erabiltzen dira. Eta lehenago bada posible horiek gabe egin zen, baina orain ezinezkoa da, eta garatzaileek behartuta daude eskakizun horietara egokitzeko. Azken finean, gaur CSS triangelu sortu - zati garrantzitsua interkonexioa eraikitzea interfazearen zati artean, eta entitate bakar batean batzea.

Web diseinatzaile askok harrituta dira orduan diseinua, diseinu den oso maiz hiruki da. Azken finean, propietate no zuzenean sortuko figura geometriko hau. Izan ere, metodo anitz hori egin badira.

markoa sortzeko erabiliz metodo bat

Lehenengo metodoa ahalbidetzen CSS triangelu bat sortzeko aukera - mugako. markoak erabiltzen ari da zuen. Izan ere, mugako jabetza erabiliz sortzen dira mugak ez dago zuzenean triangelu lotuta dagoela arren, asko erabiltzen da horretarako.

Noiz zero altuera eta objektuaren zabalera, baita mugatik lodi baten instalazioa ezartzeko, plazan, hau da, lau triangelu berdinetan banatuta ikus daiteke. Trick da beharrezko mugatik bakarrik mantendu behar duzula, eta besteak gardena izan dadin. Eta orain, bihurtzen da the CSS eskuineko norabidea eta kolorez marraztutako triangelu bat.

Sortu angelu propietate "fotograma" erosoa erabilita ez dago pictures edozein edizio erabiliz marraztu behar delako. triangelu parametro beti egon Kodea aldatu. Eta denbora sustatzailearen aurrezten da. markoaren zabalera desberdinak konbinatuz By nahikoa erraza zifra lortu nahi da. nola funtzionatzen duen ulertzeko, besterik gabe, elementu bat huts bat zero zabalera, altuera, eta markoen oso lodiak alde bakoitzean kolore bat sor dezakezu. Beraz, hiru alboetan hartzeko lau hiruki garden mota desberdinak daude:

• triangelu, ezkerrera begira, alboetan horietako berdinak dira;
• triangelu, ezker eta berdindutako bila;
• luzatua triangelu bat, ezkerrera begira;
• angeluarekin triangelu, horren angelu to utzi;
• triangelu beherantz begira;
• triangelu gora begira;
• triangelu, eskuinetik, eta beste espezie askoren bila.

psevdoedementov erabiliz

Teknika horien bidez, pop-up argibideak eta aholkuak ere angelu sor dezakezu. To CSS triangelu bidez erantsi unitatea da, batez ere programatzaileek esaterako sasi-ostean gisa eta aurretik erabili. horiek erabili elkarrekin bada, posible da CSS triangelu trazu bat izatea ere marraztu.

konbinatuz By, sustatzaile sortzen tiroak eder barietate, jabetza aplikatuz posizioa: erlatiboa guraso elementua da. Hori izateko egin pseudo-ez bere eserleku kanpo mugitu.

Plus CSS esparru erabilera triangelu sortzeko hauek dira:

• tamaina eta kolore propietate laguntzaz edizio azkarra eta erraza;
• Nabigatzaile guztiak onartzen.

txarrez:

• markoa erabiltzen duelako, ez dago aukera gradienteak, itzalak aplikatu behar da;
• Batzuetan, erabiltzaileak of Firefox nabigatzailean orriaren begiratzen denean, alpha balioa ezingo du lan, eta honek irudia desitxuratzen dira.

prest egindako argazkiak erabiltzea

Hurrengo triangelu sortzeko metodoa - Kodetutako irudien erabilera da. triangelu dago irudi editore batean aldez aurretik marraztuta eta zerbitzu espezializatu batera kode berezi bat bihurtuta.

Metodo honen abantaila da diseinu oso eder bat egin dezakezu itzalak, gradienteak eta markoaren, eta gero besterik kodetzeko dena. Baina arazotxo Izan ere, guztiek ez duten grafikoak programak menderatuko da. Horrez gain, irudia oso handia bada, kode lerro besterik izugarriak lortzen da. Hau sustatzailearen deserosoa da.

Aparteko elementua nabigatzaile Internert Explorer bertsio zahar erabilera merezi. Horietan, metodoa besterik ez du funtzionatzen.

Metodo alderantzizko karratu

Modu bat da CSS alderantzizko karratu bitartez sortzeko. Badira oinarrizko bi unitate daude. Baina pertsona batzuk sasi erabili.

Lehenik eta behin, plaza bat sortzen duzunean. Biraka kidea edukia izango da. Orduan zabaldu da, 45 gradu, beraz, begiratu diamante bat bezalakoa da. Hurrengoa, shift-up eta kanpoko unitate bat da jabetza gainezkatzea ezkutatu: ezkutatuta. Soluzio honek, gainera, ez da mugaz nabigatzaile bat, eta, batzuetan, argazkia ez da bistaratzen nahi den bezala.

emaitzak

Beraz, triangelu bat sortzeko metodo asko daude. Bakarrik, ez du galdu CSS propietate horietan guztietan? kasu honetan Erreferentzia beti laguntzeko. Estilo-orri baten ezaugarri guztiak deskribatzen ditu.

nahi ez den programazio sartu eta CSS-gida ikusteko dituztenentzat, triangelu eskuineko tamaina eta kolore sortzen duten online editoreak daude. Izan ere entzunezko editore, erabiltzaileak hautatzen eta ezarpenak figura guztiak zehaztuz. du CSS kodea generator triangelu beste leiho batean jarritako unean bihurtu. Ondoren, sortutako kodea da, besterik gabe, estilo sartu eta orriaren diseinua egokitzeko.