Kā CSS trīsstūri: ērtākais veids

Ļoti bieži skaisti mūsdienu tīmekļa lapas satur daudz pievilcīgu grafiku. Starp tiem vienkāršākais izmanto šādu ģeometriskas formas kā trijstūri, kas tiek izmantota, lai izstrādātu plurālismu elementiem. Piemēram, tie tiek izmantoti kā rādītājs, lai objektu uz lapas apmeklētājs vērsās viņa uzmanību viņam. Protams, galvenā funkcija trijstūra - dekoratīvu, kā blokiem, kas satur tās, kļūst moderns un pievilcīgs.

Ne visi zina, kā izveidot šādu skaitlis pa kaskādes stilu lapas, un ir jautājums, kā padarīt trīsstūri CSS.

Pieteikums dizainā vietām

Ar web dizains trijstūriem visur. Tie ir izgatavoti no padomiem, izvēlnes, dažādas UI elementi. Dažreiz tie tiek izmantoti, lai izveidotu indikatoru sāknēšanas procesu. Un, ja agrāk tas bija iespējams iztikt bez tiem, bet tagad tas nav iespējams, un izstrādātāji ir spiesti pielāgoties šādām prasībām. Galu galā, šodien izveidots CSS trijstūrī - nozīmīga loma starpsavienojumu celtniecību starp saskarnes daļas un apvienot vienā vienību.

Daudzi web dizaineri ir apjucis, kad runa ir par izkārtojumu, kuras dizains ir ļoti bieži trijstūriem. Galu galā, nav īpašības, kas būtu tieši izveidot šo ģeometrisko skaitlis. Patiesībā, ir vairāki metodes, kā to izdarīt.

Paņēmiens veidojot rāmi, izmantojot

Pirmā metode ļauj jums izveidot trīsstūri CSS - robežu. Viņš izmanto rāmjus. Neskatoties uz to, ka robežas, kas ir izveidotas, izmantojot robežu īpašums nav tieši saistīta ar trīsstūra, tas tiek izmantots visbiežāk šim nolūkam.

Nosakot nulles augstumu un platumu objekta, kā arī uzstādīšanu bieza robežas, jūs varat redzēt laukumu, kas ir sadalīts četrās vienādās trijstūri. Triks ir, ka jums ir nepieciešams, lai saglabātu tikai nepieciešamo robežu, un citiem, lai padarītu pārskatāmas. Un tagad, izrādās, trīsstūri, ko izteikusi CSS pareizajā virzienā un krāsu.

Izveidot leņķi, izmantojot rekvizītu "rāmis", kas ir ērti, jo nav nepieciešams, lai pievērstu attēlus, izmantojot jebkura rediģēšanu. trīsstūra parametrus vienmēr var mainīt kodu. Un tas ietaupa laiku izstrādātājs. Apvienojot dažādu platumu rāmja ir viegli pietiekami, lai iegūtu skaitli. Lai saprastu, kā tā darbojas, jūs varat vienkārši izveidot tukšu elements ar nulles platumu, augstumu, un ir ļoti bieza rāmi atšķirīga krāsu katrā pusē. Tātad, veicot trīs malas no četriem caurspīdīgiem trijstūri ir dažādu veidu:

• trīsstūris, skatoties pa kreisi, kura malas ir vienādi;
• trijstūris, meklē pa kreisi un saplacināts;
• garenu trijstūris, vērstām uz kreiso;
• leņķveida trīsstūris, kuru no kreisās uz labo leņķī;
• trīsstūri meklē virzienā uz leju;
• trīsstūri looking up;
• trīsstūris, skatoties pa labi, un daudzas citas sugas.

Izmantojot psevdoedementov

Ar šiem paņēmieniem, varat izveidot leņķi pop-up norādījumiem un padomiem. Lai pievienotu izmantojot CSS trijstūra vienības, galvenokārt programmētāji izmanto, piemēram, kā pseido-AFTER un pirms tam. Ja jūs izmantojat tos kopā, ir iespējams izdarīt ar CSS trijstūris ar insultu.

Apvienojot tos, izstrādātāji rada dažādas skaistas šāvēja, piemērojot īpašuma pozīcija: relatīvā uz mātes elementu. Tas tiek darīts, lai pseido-nav izvirzīti no savām vietām.

Plus izmantošana CSS sistēmu izveidei trijstūri, ir:

• ātra un vienkārša rediģēšana izmēru un krāsu ar palīdzību īpašībām;
• atbalsta visas pārlūkprogrammas.

mīnusi:

• jo tā izmanto rāmis, nav iespējams piemērot slīpumi, ēnas;
• Dažreiz, kad lietotājs aplūko lapā Firefox pārlūku, alfa vērtība var nedarboties, un tas kropļo attēlu.

Izmantojot gatavus attēlus

Ar šādu metode, veidojot trīsstūra - ir izmantošana iekodēto attēliem. Trijstūris sastādīts iepriekš ar attēlu redaktoru un pārveidota par īpašu kodu, ar specializētiem pakalpojumiem.

Izmantot šo metodi, ir tas, ka jūs varat veikt ļoti skaists dizains ar ēnām, slīpumi, un rāmi, un tad tikai kodēt to visu. Bet negatīvie ir tas, ka ne visi ir brīvi pārvalda grafikas programmām. Turklāt, ja attēls ir ļoti liels, koda rinda iegūst, vienkārši milzīgs. Tas ir neērta attīstītājs.

Atsevišķs punkts vērts izmantot pārlūkprogrammām Internert Pārlūks vecās versijas. Tiem, metode vienkārši nedarbojas.

Metode apgriezts square

Viens veids ir radīt līdzekļus CSS apgriezts laukumā. Ir divi pamata vienību. Bet daži cilvēki izmanto pseido.

Pirmkārt, jūs izveidojat kvadrātu. Tas būs saturs rotācijas locekli. Tad izvietot to ar 45 grādiem, lai tā izskatījās kā dimants. Tālāk, pāreja uz augšu, un ārējā vienība ir paslēpusies īpašuma pārplūdes: slēpts. Šis risinājums arī nav pārrobežu pārlūku, un dažreiz attēls netiek parādīts kā vēlamo.

rezultāti

Tātad, ir daudzas metodes, lai izveidotu trīsstūri. Tikai tas nav pazust visās šajās CSS īpašībām? Atsauce šajā gadījumā vienmēr palīdzēs. Tajā aprakstītas visas funkcijas Cascading Style Sheets.

Tiem, kas nevēlas iedziļināties programmu un apskatīt CSS-guide, ir tiešsaistes redaktori, kas ģenerē trijstūriem pareizo izmēru un krāsas. Jo vizuālo redaktoru, lietotājs izvēlas un konfigurē visu iestatījumu skaitlis. Pārvērsta par CSS kodu ģeneratora trīsstūra ievietots atsevišķā logā par lidot. Tad ģenerētais kods ir vienkārši ievieto stilu un lai ietilptu dizainu lapā.