څنګه CSS مثلث: تر ټولو مناسب الرو

ډیر وختونه ښکلی عصري ويب مخونه ډېر په زړه پورې ګرافیک لري. د هغوی په منځ کې د ساده توګه د مثلث، د عناصرو لپاره یوه اکثريت طرحه چې کارول لکه هندسي بڼه کاروي. د مثال په توګه، دوی ته د یو څیز پر مخ د یوه آفسيټ لپاره کارول کيږي د کتونکی هغه ته د هغه د پاملرنې بدل کړی دی. البته، د مثلث اصلي دنده - یو زينتي، لکه بلاکونو چې يې لري، دي زیات عصري او په زړه پورې ده.

هر څوک نه پوهيږي چې څرنګه د ځوړاوبيزې Style پاڼو له لارې، لکه د يو شکل جوړ دي او تعجب څنګه په CSS يو مثلث جوړ کړي.

د ځايونو په ډیزاین کاریال

په ویب ډیزاین triangles په هرځای کې. هغوی ټکي، مينو، د بېلابېلو -ويب عناصر جوړ کړي. کله ناکله کارول کیږي د بوټانو د بهیر د یو شاخص په رامنځته کړي. او که مخکې دا ممکنه پرته له دوی نه و، خو اوس دا ناشونې ده، او د پرمخ مکلف دي چې دا ډول غوښتنې د خپلولو ته. د ليدنمخ د برخو تر منځ د دديگ په جوړولو کې يوه مهمه برخه ده او د یو واحد لېږدونه - وروسته د ټولو، نن په CSS مثلث جوړ.

ګڼ شمیر ویب طرح دي پرېوزو کله چې د هډوانې، چې د ډیزاین د ده ډېر وختونه triangles راځي. وروسته د ټولو، نه مال چې به په مستقيم ډول د دې هندسي شکل رامنځته کړي. په حقیقت کې، د څو لارو څخه دا کار شته.

د کارولو چوکاټ د رامنځته کولو طريقه

لومړۍ طريقه تاسو ته اجازه درکوي چې په CSS يو مثلث رامنځته کړي - پوله لري. هغه چوکاټونه کاروي. سره له دې چې د پولو دي چې د پولې د ملکیت په کارولو سره جوړ دی چې په مستقيمه توګه د مثلث په اړوند نه، دا د دې هدف لپاره زیاتره کارول.

کله چې د صفر د لوړوالی او د څيز سور، او همدارنګه د یوه ډبلي پولې د نصب کول، تاسو کولای شی د مربع، چې په څلورو مساوي triangles وېشل شوی دی وګورئ. د چل ده چې تاسو ته اړتيا لري، چې يواځې د ضروري پولې وساتي، او د نور د رڼو کړي. او اوس، چې دا په CSS سم لوري او رنګ رسم يو مثلث سينمايي.

کونجونه د مال "چوکاټ" دی مناسب کارولو جوړول ځکه هلته انځورونه کوم د سمون په کارولو رسم اړتیا نشته. د مثلث پارامترونو تل کولای شي د کوډ په بدل شي. او دا وخت د پراختیا د وژغوره. له خوا د په چوکاټ کې په بېلابېلو سور د ګډو دا اسانه پوره چې دا شمېره ترلاسه کړي. پوه شي چې څنګه دا کار کوي، تاسو کولای شي په آسانۍ سره د صفر سور، د قد په يوې تشې عنصر، او ډېر غليظ چوکاټ بېل رنګ هر طرف رامنځته کړي. نو، د څلورو شفاف triangles کولو د درې خواوو د مختلفو نوعو سره دي:

• د مثلث، چې د چپ په لټه، د لوریو د کوم دي برابر.
• د مثلث، په لټه کې پاتې او د پلنو؛
• یو elongated مثلث، سره مخامخ شول؛
• angled مثلث، د چا حق زاويه پاتې؛
• د مثلث په لټه لخواځواب؛
• د مثلث په لټه کې شو؛
• د مثلث، د حق، او د نورو ډولونو په لټه کې.

د کارولو psevdoedementov

د دغو تخنيکونو، چې تاسو کولای شي په Pop-up د لارښوونو او ټکي کونجونه رامنځته کړي. د واحد CSS مثلث لارې مل، زياتره (programmers) لکه د کاذب وروسته او مخکې وکاروي. که تاسو د هغه په ګډه وکاروي، دا ممکنه ده چې په CSS د مثلث په درلودلو سکتې رسم.

له خوا د ګډو يې، د پرمختگپالونکي د ښکلي ډزې نوعه د جوړولو، پلي ملکیت مقام: د نسبي ته د مورنی عنصر دی. د خپلې څوکۍ څخه دا په موخه ترسره کيږي کاذب نه ولېږدول.

پلس لپاره triangles جوړولو د CSS چوکاټ د استعمال عبارت دي له:

• د اندازو او رنګونو سره د مال په مرسته چټک او اسانه ايډيټنګ؛
• د ټولو د لټوونی ملاتړ وکړي.

مخالفین:

• ځکه چې دا په چوکاټ کې کاروي، هېڅ امکان نه لري چې د gradients، سیوري درخواست دی.
• کله کله، کله چې د کارن د فایرفوکس کتنمل مخ ښکاري، چې د الفا ارزښت کار نه کیدای شي، او دا به د انځور ويجاړ.

ready-جوړ انځورونه په کارولو سره

د triangles جوړولو لاندې میتود - د کوډييزونو انځورونه د استعمال کې دی. په یو انځور مدير مخکې د مثلث را اړوي او د مزج سره د تخصص د خدمتونو لپاره ځانګړې کوډ.

د دغه ميتود ګټه داده چې تاسو سره د سیوري، gradients، او چوکاټ یو ډیر ښکلی ډیزاین کړي او بیا یوازې encode دا ټول. خو د منظمي حقیقت دا دی چې هر چا نه د ګرافونو په پروګرامونو باندې تسلط لري. برسېره پر دې، که په انځور کې ډير زيات وي، د کوډ کرښه ده له خوا په ساده خورا تر لاسه کړل. دغه کار د پراختیا د ناوړه.

يو جلا توکی د لټوونی Internert Explorer کلن نسخې د کارولو په ارزښت. د هغوی په ميتود په ساده کار نه کوی.

طريقه inverted مربع

یوه لاره دا ده چې د CSS inverted مربع د يوې وسيلې په رامنځته کړي. دوه اساسي واحد موجود دي. خو يو شمېر خلک جعلي وکاروي.

لومړی، تاسو مربع رامنځته کړي. دا به د نوبتي غړي کړی وي. بيا له خوا د 45 درجو دا واستوي، له دې امله چې دا کتل لکه یو الماس. بل، د بدلون-up او بهرني واحد پټ ملکیت ته ننوزي له خوا شوی دی: پټ. دا د حل لاره هم د Cross-لټونګر کې نه ده، او کله کله د انځور نه نندارې په توګه غوښتل.

پایلې

نو، څو لارو څخه یوه مثلث جوړ دي. یوازې دا په دغو ټولو CSS مال نه له لاسه شي؟ په دې صورت کې د مرجع به تل سره مرسته وکړي. دا د ځوړاوبيزې Style Sheets ټول خصوصيات تشريح کوي.

د هغو کسانو لپاره چې نه غواړي تر څو په پروګرام ته ځم او د CSS-لارښود کتل، آنلاین چلوونکو چې triangles حق اندازو او رنګونو توليد شته دي. په بصري مدير، د کارونکي غوره او configures ټولو امستنې شکل. ډمتوب د CSS کوډ جنراتور د مثلث په مچ په يوه جلا کړکۍ ځای. بيا، د تولید کوډ ده ساده ته د ډولپاڼې د داخل او د مخ د ډیزاین سره برابر شي.