Cumu fà triangulu CSS: u modu più còmuda

Assai spessu bellu e pagine Web mudernu cuntene parechje Grafica attrattiva. À mezu à elli i più sèmplice usa tali forma moderna cum'è un triangulu, ca veni usatu di a pluralità di elementi. Per esempiu, si sò usatu comu un stacciatura à un oggettu nantu a pagina di u visitadore vutannusi a so attinzioni à ellu. Di sicuru, a funzione principale di u triangulu - un dicurativi, comu pezzi chi li cuntene, sò diventà di più mudernu è attrattiva.

Ùn ognunu sà quantu à creà un tali figura à Dana cascading Style, è sò sapia quantu a fari un triangulu in CSS.

Scrizzione à a cuncezzione di i siti

In oculistica trianguli ignilocu. Iddi sò fatti fora minichichje, i listini, parechji elementi Ui. Calchì volta si sò usati pi criari un volume di u prucessu di Boot. E se prima hè pussibili fà senza elli, ma avà hè impussibile, è i sviluppori sò obligatu à mette a tali esigenze. Dopu tuttu, oghje creatu in triangulu CSS - una parte impurtante in a custruzzione di raporti trà l 'parti di l' interfaccia è mischjà in una sola enti.

Parechje Web cuncettori sò pinsà quandu si veni à u mudellu, u generu di u quali hè assai spessu culurati. Dopu tuttu, ùn proprietà chi cugghiuta direttamente sta figura moderna. In fatti, ci sò parechje manere di fà sta.

A lu mètudu d 'ün quadru cù

A prima permette à voi à creà un triangulu in u CSS - fruntiera. Iddu hè cù u cunbentu. Nunustanti lu fattu ca la frontiere chì sò creati, cù u duminiu fruntiera ùn hè direttamente riguardanti u triangulu, hè usatu nnô spissu di stu prugettu.

Quannu scinni 'autizza zeru è a larghezza di l'ughjettu, oltri a stallazione di un cunfini matinu, pudete vede u quatratu, chì hè divisa in quattru trianguli uguali. U prighjuneru hè chì vi tocca à tene solu i cunfini nicissariu, e l 'àutri a fari trasparente. È avà, si gira fora un triangulu attiratu in u sensu dritta CSS è culore.

Crea un diedrali cù l ' "quadru" proprietà hè còmuda perchè ùn ci hè micca bisognu di piglià images cù un spaziu. login triangulu pò sempre esse cambiatu in u codice. E si poi addifenni documentaliste tempu. By cumminari i sfarenti larghezza di u quadru hè facili abbastanza pè ottene a figura. À capisce cumu si travaglia, vi pò solu creà una cumpunente viotu cù una larghezza zeru, autizza, è quadru assai matinu un culore differente nantu à ogni latu. So, facennu li tri lati di i quattru trianguli manera sò di diffirenti tipi:

• triangulu, cherche à a manca, u latu di u quali sò uguali;
• triangulu, cherche lassatu e appiattitu;
• nu trianculu cruci, di punta à manca;
• triangulu angled, quale manca à angle;
• triangulu cherche downwards;
• triangulu girannusi;
• triangulu, cherche à u dirittu, è parechje altre spezie.

cù psevdoedementov

Cù sti tecnichi, pudete puru creà diedrali in u instructions, pop-up, punte. A attaccari Via triangulu CSS à l 'unità, suprattuttu programmers aduprà cum'è una pseudo-dopu è nanzu. Sè li voi aduprà inseme, hè pussibule di piglià in u triangulu CSS avè un trattu.

By cumminari li, i sviluppori di creà una varietà di bedda italianiser, entrata in a pruprietà pusizioni: parente à l 'elementu female. Stu hè fattu in ordine di pseudo-ùn si trasfirìu fora di u so massimu.

Plus l 'usu di quadru CSS di criannu trianguli sò:

• scrittura prestu è facile di taglia è culori incù l 'aiutu di proprietà;
• cuncretizà tutti i navigatori.

juncu:

• picchì usa lu quadru, ùn ci hè micca pussibilità di dumandà gradients, umbras;
• qualchì volta, quandu i me pari à a pagina di u navigatore brumann, u valore alfa pò micca u travagliu, è stu vi distort l 'imagine.

Cù images prontu-fatti

Li siquenti lu mètudu d 'ün trianguli - hè l' usu di imagini cudificatu. U triangulu hè disegnata in nanzu in un scrittore imagine è cunvirtuti nta un codice spiciali incù servizii spicializata.

Benefiziu di stu mètudu hè chì vi pò fà una assai bedda disignu cun umbras, gradients, è quadru e poi appena encode lu tuttu. Ma l 'downside hè u fattu chì ùn ognunu hè madrelingua in prugrammi gràfica. In più, s'ellu a maghjina hè assai grande, a ligna di u corsu hè acquistatu da solu ternu. Ghjè inconvénient di u documentaliste.

A virsioni siparati tene l 'usu di i navigatori Internert Explorer vechju versioni. À elli, u mètudu solu ùn u travagliu.

Mètudu quatratu Y

Una strada hè di crià un menzu di CSS Y quatratu. Ci sò dui unità funnamintali. Ma certi pirsuni aduprà Pseudo.

Prima, vo di creà una piazza. Ci hà da esse u cuntenutu sanu sanu di u membru tubu. Allora dimarchja hè da 45 gradi, tantu chi paria un diamanti. Next, u passata-up è una unità esterni hè piattu da a spiscina a pruprietà: piattu. Sta suluzione ùn hè micca dinù una croce-navigatore, è qualchì volta u ritrattu ùn hè mustratu comu àutri.

risultati

Cusì, ci sò parechje manere à creà un triangulu. Solu ùn ùn ch'è persu in tutte e proprietà CSS? Didáctica in stu casu, hà sempre aiutu. It discrivi tutte e funziunalità di Dana cascading Style.

Per quelli chì ùn vulete andà in prugrammazione è vede u CSS-guida, ci sò i scrittori nanu chì pruduce trianguli smania e colori dritta. In l ' edituri visuale, lu me Choisir è configures tutti caliper figura. Cunverta à a teorija triangulu codice CSS serbit in una finestra sfarente nant'à a musca. Allora, u codice caricate hè solu inseritu in u stylesheet è à pienu lu disignu di a pagina.