کس طرح CSS مثلث کرتے ہیں: سب سے زیادہ آسان طریقے

بہت اکثر خوبصورت جدید ویب کے صفحات بہت کشش گرافکس پر مشتمل ہے. ان میں سے آسان ہے جس کے عناصر کی ایک بہسنکھیا ڈیزائن کرنے کے استعمال کیا جاتا ہے ایک مثلث، اسی طرح ہندسی شکل استعمال کرتا ہے. مثال کے طور پر، وہ ایک پوائنٹر کے طور پر کسی چیز کو پیج پر وزیٹر نے اس پر توجہ مرکوزکی کرنے کے لئے استعمال کر رہے ہیں. بالکل، مثلث کا بنیادی کام - ایک آرائشی، ان پر مشتمل ہے کہ بلاکس، کے طور پر زیادہ جدید اور کشش بن رہے ہیں.

ہر کسی کو نہیں جھرن کاری سٹائل شیٹس کے ذریعے ایک ایسی شخصیت کو تخلیق کرنے کے لئے کس طرح، اور سی ایس ایس میں ایک مثلث بنانے کے لئے کس طرح سوچ رہے ہیں جانتا ہے.

سائٹس کے ڈیزائن میں درخواست

ہر جگہ ویب ڈیزائن ترکون میں. انہوں تجاویز، مینو، مختلف UI عناصر باہر بنا رہے ہیں. کبھی کبھی وہ بوٹ کے عمل کے ایک اشارے بنانے کے لئے استعمال کر رہے ہیں. اور اس سے قبل تو یہ ان کے بغیر ایسا کرنا ممکن تھا، لیکن اب یہ ناممکن ہے، اور ڈویلپرز اس طرح کی ضروریات کو اپنانے کے لئے پابند ہیں. انٹرفیس کے حصوں کے درمیان انٹرکنکشن کی تعمیر میں ایک اہم کردار ہے اور ایک واحد ہستی میں ضم - سب کے بعد، آج CSS مثلث میں پیدا.

یہ جس کا ڈیزائن بہت اکثر ہے ترکون ترتیب، کے لئے آتا ہے جب بہت سے ویب ڈیزائنرز حیران ہیں. سب کے بعد، کوئی خواص براہ راست اس ہندسی اعداد و شمار تخلیق گی. اصل میں، یہ کرنے کے ایک سے زیادہ طریقے ہیں.

کا استعمال کرتے ہوئے فریم پیدا کرنے کا ایک طریقہ

سرحد - پہلا طریقہ آپ کو سی ایس ایس میں ایک مثلث پیدا کرنے کے لئے اجازت دیتا ہے. انہوں نے کہا کہ فریم استعمال کر رہا ہے. حقیقت یہ ہے کہ سرحد جائیداد استعمال کرتے ہوئے تخلیق کیا جاتا ہے کہ حدود کو براہ راست مثلث سے متعلق نہیں ہے اس حقیقت کے باوجود، یہ اس مقصد کے لئے سب سے زیادہ کثرت سے استعمال کیا جاتا ہے.

قیام جب صفر اونچائی اور چیز کی چوڑائی، کے ساتھ ساتھ ایک موٹی سرحد کی تنصیب، آپ اسکوائر، چار برابر ترکون میں تقسیم کیا جاتا ہے جس میں دیکھ سکتے ہیں. چال آپ دوسروں شفاف بنانے کے لئے صرف ضروری سرحد رکھنے کے لئے کی ضرورت ہے، اور نہیں ہے. اور اب، یہ سی ایس ایس درست سمت اور رنگ میں تیار ایک مثلث باہر کر دیتا ہے.

کسی بھی ترمیم کو استعمال کرتے ہوئے تصویریں اپنی طرف متوجہ کرنے کے لئے کوئی ضرورت نہیں ہے، کیونکہ خواص "فریم" آسان ہے کا استعمال کرتے ہوئے زاویے بنائیں. مثلث پیرامیٹرز ہمیشہ کوڈ میں تبدیل کیا جا سکتا ہے. اور یہ وقت ڈویلپر بچاتا ہے. فریم کے مختلف چوڑائی ملا کر اسے آسان اعداد و شمار حاصل کرنے کے لئے کافی ہے. یہ کیسے کام کرتا سمجھنے کے لئے، آپ کو صرف ایک صفر کی چوڑائی، اونچائی کے ساتھ ایک خالی عنصر ہے، اور بہت موٹی فریم سے ہر ایک طرف پر ایک مختلف رنگ بنا سکتے ہیں. لہذا، چار شفاف مثلث کے تین اطراف بنانے مختلف قسمیں ہیں:

• مثلث، بائیں کرنے کے لئے تلاش کر، اطراف جن میں برابر ہیں؛
• مثلث، بائیں اور چپٹی دیدار ہوں گے
• ایک elongated مثلث، بائیں کا سامنا؛
• angled ہے مثلث، جس کا صحیح زاویہ پر چھوڑ دیا؛
• تلاش نیچی مثلث؛
• مثلث اٹھا کر؛
• مثلث، ٹھیک ہے، اور بہت سے دوسرے پرجاتی کے لئے تلاش کر.

psevdoedementov کا استعمال کرتے ہوئے

ان تراکیب کے ساتھ، آپ پاپ اپ ہدایات اور تجاویز میں زاویہ بنا سکتے ہیں. یونٹ میں سی ایس ایس مثلث کے ذریعے منسلک کرنے کے لئے، زیادہ تر پروگرامرز طرح ایک چھدم کے بعد اور اس سے پہلے استعمال کرتے ہیں. آپ ایک ساتھ ان کا استعمال تو یہ ایک سٹروک ہونے CSS مثلث میں اپنی طرف متوجہ کرنے کے لئے ممکن ہے.

انہیں ملا کر، ڈویلپرز، خوبصورت شوٹر کی ایک قسم کی تخلیق کی جائیداد درخواست دینے کی پوزیشن: رشتہ دار والدین عنصر کے. یہ کرنے کے لئے کیا جاتا ہے چھدم نہ اپنی نشستوں سے باہر منتقل کر دیا.

پلس مثلث بنانے کے لئے سی ایس ایس فریم ورک کے استعمال میں ہیں:

• خواص کی مدد سے سائز اور رنگوں کا فوری اور آسان ترمیم؛
• تمام براؤزرز کی حمایت.

CONS:

• یہ فریم کا استعمال کرتا ہے، کیونکہ gradients، چھایا لاگو کرنے کے لئے کوئی امکان نہیں ہے؛
• کبھی کبھی، صارف فائر فاکس براؤزر کے صفحے کو دیکھتا ہے جب، الفا قدر کام نہیں کر سکتے ہیں، اور اس تصویر کو مسخ کریں گے.

ریڈی میڈ تصاویر کا استعمال کرتے ہوئے

ترکون کرنے کا مندرجہ ذیل طریقہ - انکوڈنگ کی تصاویر کا استعمال ہے. مثلث ایک تصویر ایڈیٹر میں پیشگی میں تیار کی اور خصوصی خدمات کے ساتھ ایک خصوصی کوڈ میں تبدیل کیا جاتا ہے.

اس طریقے کا فائدہ آپ کو سائے، gradients کے، اور فریم کے ساتھ ایک بہت ہی خوبصورت ڈیزائن بنانے کے کر سکتے ہیں اور پھر صرف یہ سب ضابطہ کاری ہے. لیکن کمی حقیقت یہ ہر کوئی گرافکس پروگراموں میں روانی ہے کہ ہے. اس کے علاوہ، تصویر بہت بڑی ہے تو اس کوڈ کے مطابق صرف بہت بڑا کی طرف سے حاصل کیا جاتا ہے. یہ ڈویلپر کے لئے تکلیف ہے.

براؤزر Internert ایکسپلورر کے پرانے ورژن کے استعمال کے قابل ایک الگ شے. ان میں، طریقہ کار کو صرف کام نہیں کرتا.

طریقہ الٹی مربع

ایک طریقہ یہ CSS الٹی مربع کا ایک ذریعہ تخلیق کرنا ہے. دو بنیادی اکائی ہیں. لیکن کچھ لوگ چھدم استعمال کرتے ہیں.

سب سے پہلے، آپ کو ایک مربع تشکیل دیں. یہ گھومنے رکن کے مندرجات ہو جائے گا. اس کے بعد یہ ایک ہیرے کی طرح لگ رہا تھا تاکہ، 45 ڈگری کی طرف سے تعینات. اگلا، شفٹ اپ اور ایک بیرونی اکائی جائیداد فراوانی کی طرف سے پوشیدہ ہے: چھپا. یہ حل بھی ایک کراس براؤزر نہیں ہے، اور کبھی کبھی کے طور پر مطلوبہ تصویر دکھایا جاتا ہے.

نتائج

لہذا، ایک مثلث پیدا کرنے کے لئے بہت سے طریقے ہیں. صرف جو ان تمام سی ایس ایس خصوصیات میں کھو نہیں کرتا ہے؟ اس کیس میں ریفرنس ہمیشہ مدد ملے گی. اس جھرن کاری سٹائل شیٹس کی تمام خصوصیات کو بیان کرتا ہے.

جو پروگرامنگ میں جانے اور سی ایس ایس گائیڈ دیکھنے کے لئے نہیں کرنا چاہتے والوں کے لئے، آن لائن ایڈیٹرز کہ ترکون صحیح سائز اور رنگ پیدا ہوتے ہیں. میں بصری ایڈیٹر، صارف انتخاب کرتا ہے اور تمام ترتیبات شخصیت تشکیل کرتا ہے. مکھی پر ایک علیحدہ ونڈو میں رکھا CSS کوڈ جنریٹر مثلث میں تبدیل. پھر پیدا کوڈ کو صرف Stylesheet میں ڈالا جاتا ہے اور صفحے کے ڈیزائن فٹ ہونے کے لئے.