Çawa triangle CSS: riyên xweşkeys de herî

Gelek caran di rûpelên webê de modern xweş jiber gelek graphics balkêş. Di nav wan de hêsan tîne wiha şiklê geometrîk wek sêgoşeya, ya ku tê bikaranîn daku dîzayna pirrengîyeke hêmanên. Ji bo nimûne, ew bi wek pointer bi object li ser rûpel ji bo mêvan ji bal wî bi wî zivirî bikaranîn. Bê guman, ku fonksiyona sereke yên li sêgoşeya - a decorative, wisa jî blokên ku tên bikaranîn ji wan re, bi Bûye modern zêdetir û balkêş.

Ne ku her dizane ku çawa ji bo afirandina bi vî rengî hejmara rêya Raxistin, û bi meraq dike ka gelo ji bo ku Sêgoşeya li CSS.

Application di design malperên

Di triangles web design li her derê. Ew bi çêkirin tips, pêşekên, hêmanên cuda UI. Carna ew bi kar tînin ji bo ku nîşana pêvajoya boot. Û eger berî gengaz e ku mirov bêyî wan çi bû, lê niha ne gengaz e, û ji bo pêşdebiran dibe mecbûr in ku balafirên bi vî rengî daxwazên. Di avakirina interconnection di navbera beşên virtual beşek giring û merge nav statuyekî single - Piştî ku hemû, îro li sêgoşeya CSS afirandin.

Gelek îcrakar web heyirî in, dema ew ji bo biçilmisîne, design ku gelek caran triangles tê. Piştî ku hemû, tu xanîyên ku dê rasterast de ev hêjmar geometrîk biafirîne. Di rastiyê de, ne rêbazên piralî ji bo vê yekê heye.

A awayê afirandina frame bikaranîna

Metoda yekem de destûrê dide te ku biafirîne sêgoşeya di CSS - sînor. Ew bi kar frames. Bi tevî, ku sînorên ku bi bikaranîna malê sînor afirandin rasterast ji bo sêgoşeya related ne, ku gelek caran ji bo vê armancê tên bikaranîn.

Dema Danîna height zero û width ji object, herweha sazkirina a sînorê qalind, tu dikarî meydana, ku ji nav çar triangles wekhev dabeş bibînin. The trick e ku tu divê ji bo bi tenê li ser sînorê pêwîst, û yên din jî ji bo ku zelal bû. Û niha, Gerk a triangle xêzkirin ber bi alî rast CSS û reng.

Create angles bikaranîna milkên "frame" musaît e ji ber ku êdî pêdiviya ji bo balê pictures bikaranîna ti editing tune ye. Parametreyên triangle dikarin hertim li code bê guhertin. Û ew rizgar pêşvebirinê dem. By hevâ width cuda yên di çarçoveya hêsan e bes ji hejmara. Ji bo fêmkirina çawa dixebite, hun dikanin hema unsûrekî vala bi width zero, height, û frame pir stûr a color cuda li her aliyekî biafirîne. Bi vî awayî, ji çêkirina sê aliyan de yên çar triangles transparent ji cureyên cuda ne:

• triangle, digerî li ser milê çepê, ji alî yên ku wekhev in;
• triangle, hal derket û teve;
• an triangle aerodînamîka, rû bi rû hiştin;
• triangle arvanê, ku hiştin bi kûrayî mafê;
• triangle digerin ketibû;
• triangle çavên xwe;
• triangle, digerin û li aliyê rastê, û gelek cureyên din.

bikaranîna psevdoedementov

Bi van teknîkên, tu angles di talîmatên pop-up û tips biafirîne. Zêdekirina pêvekê bi rêya sêgoşeya CSS ji yekîneya, bi piranî bernamenûs, bi kar tînin, wek berev-piştî û li ber. Heke tu ji wan re bi kar tînin bi hev re, mimkun e ji bo balê li sêgoşeya CSS ya ku tepa.

By yekbûneke wan re, ji bo pêşdebiran ava cîhêreng ên shooter bedew, hukm û milk position: relative to element û bav. Ev ji bo ku kirine ji kursiyên xwe pseudo-ne liviya.

Plus bikaranîna çarçoveya CSS ji bo afirandina triangles in:

• guherandinê zû û hêsan yên curbecur û rengên bi alîkariya milkên;
• hemû gerokên piştgiriya.

Neyînî:

• ji ber ku ev kar di çarçoveya e, qet nikare serî bîne, siya wê derê;
• carna, dema ku user dinêre li rûpel ên geroka Firefox, nirxa alpha dikarin kar ne, û ev wê wêneyê de bizanebûn.

Bikaranîna pictures amade ye

Rêbaza li jêr ji afirandina triangles - bikaranîna wêneyan de veşartî ye. Sêgoşeya di pêşwext in an editor wêneyê û misilmanan nav a koda taybet bi xizmetên taybetî ne.

Sûd ji vê rêbazê ye ku tu a design gelekî xweşik bi siyên, bîne, û frame bikin û wê demê wê ev hemû vekodkirina. Lê belê ji ber neyîniyên ji ber ku her kes bi zimanê farsî di bernameyên graphics e e. Li gel vê jî, heke wêne pir mezin e, li ser xeta code bi tênê êsh bidestxistin. Ev zivêrker ji bo pêşvebirinê ye.

A babete cuda hêjayî bikaranîna gerokên Internert Explorer guhertoyên kevin. Di wan de, rêbaza bi tênê bi kêr nayê.

Method square vajîkirin

Yek rê ew e, ku tê wateya ji CSS şikestî square. du yekîneya bingehîn hene. Lê hinek kes muwekîlê xwe bi kar tînin.

First, we meydaneke biafirîne. Ev dê bibe naveroka endam bi dorê. Hingê ew bi 45 derece danana, da ku ew wek elmas nêrî. Next, guherîna-up û yekîneyeke Link bi overflow malê de veşartî: veşartî. Ev çareseriya jî ew e ku cross-browser ne, û hin caran picture Bilişim ne wek tê xwestin.

results

Bi vî awayî, ne gelek awayên ji bo afirandina sêgoşeyeke heye. Tenê ev yek tev li van hemû milkên CSS ji dest da ne? Çavkanî di vê rewşê de her tim alîkariyê bikin. Ew behsa hemû taybetmendiyên Raxistin.

Ji bo kesên ku naxwazin herin nav bernameyên û Wikimedia CSS-guide de, ne edîtorên bike ku bi awayekî triangles sizes rastê û rengên hene. Di editor dîtbarî, li user hildibijêre û configures hemû figure settings. Converted ji code CSS triangle generator di lapereyek cuda li ser fly danîn. Hingê, koda bi giştî tê bi tênê di nav stylesheet binere û ji bo fit sêwirandina rûpel.