كيف تفعل CSS مثلث: أكثر الطرق ملائمة

في كثير من الأحيان جميلة صفحات الويب الحديثة تحتوي على العديد من الرسومات الجذابة. بينهم يستخدم أبسط مثل هذا الشكل الهندسي على شكل مثلث، والذي يستخدم لتصميم وافر من العناصر. على سبيل المثال، يتم استخدامها كمؤشر إلى كائن على صفحة للزائر تحول انتباهه إليه. بطبيعة الحال، فإن المهمة الرئيسية للمثلث - الزخرفية، وكتل التي تحتوي عليها، أصبحت أكثر عصرية وجذابة.

لا يعلم الجميع كيفية إنشاء مثل هذه النسبة من خلال صفحات الطرز المتراصة، ويتساءل كيف لجعل مثلث في CSS.

تطبيق في تصميم المواقع

في مثلثات تصميم مواقع الإنترنت في كل مكان. وهي مصنوعة من نصائح، والقوائم، وعناصر واجهة المستخدم المختلفة. في بعض الأحيان يتم استخدامها لإنشاء مؤشرا على عملية التمهيد. وإذا في وقت سابق كان من الممكن الاستغناء عنها، ولكن الآن فإنه من المستحيل، والمطورين ملزمة للتكيف مع هذه المتطلبات. بعد كل شيء، خلق اليوم في مثلث CSS - دورا هاما في بناء الترابط بين أجزاء من واجهة والاندماج في كيان واحد.

العديد من مصممي الويب وحيرة عندما يتعلق الأمر إلى تخطيط وتصميم وهو في كثير من الأحيان مثلثات. بعد كل شيء، لا الخصائص التي من شأنه أن يخلق مباشرة هذا الرقم الهندسي. في الواقع، هناك طرق متعددة للقيام بذلك.

وهناك طريقة لخلق الإطار باستخدام

الطريقة الأولى يسمح لك لخلق مثلث في CSS - الحدود. انه يستخدم الإطارات. على الرغم من حقيقة أن الحدود التي تم إنشاؤها باستخدام الخاصية الحدود لا علاقة مباشرة للمثلث، ويتم استخدامه في معظم الأحيان لهذا الغرض.

عند تحديد ارتفاع الصفر والعرض للكائن، فضلا عن تركيب الحدود سميكة، يمكنك ان ترى الساحة، والتي تنقسم إلى أربعة مثلثات متساوية. الحيلة هي التي تحتاج فقط للحفاظ على الحدود ضروري، والبعض الآخر لجعل شفافة. والآن، اتضح مثلث تعادل في الاتجاه الصحيح CSS واللون.

إنشاء الزوايا باستخدام خصائص "إطار" غير مريحة ليست هناك حاجة لرسم الصور باستخدام أي التحرير. يمكن دائما تغيير المعايير مثلث في التعليمات البرمجية. وأنه يوفر المطور الوقت. من خلال الجمع بين عرض مختلفة من الإطار وهو ما يكفي للحصول على الرقم سهلا. لفهم كيف يعمل، يمكنك ببساطة إنشاء عنصر فارغ مع عرض الصفر، والطول، والإطار سميكة جدا بلون مختلف على كل جانب. لذلك، مما يجعل الاطراف الثلاثة للمثلث شفافة الأربعة هي من أنواع مختلفة:

• مثلث، وتتطلع إلى اليسار، والجوانب التي متساوون.
• مثلث، وتبحث اليسار وسويت بالأرض.
• مثلث ممدود، ويواجه اليسار.
• مثلث قائم الزاوية، الذي غادر إلى زاوية اليمنى.
• مثلث تبحث أسفل.
• مثلث تبحث أعلى؛
• مثلث، وتبحث للحق، والعديد من الأنواع الأخرى.

باستخدام psevdoedementov

مع هذه التقنيات، يمكنك إنشاء الزوايا في التعليمات والنصائح المنبثقة. لإرفاق عبر مثلث CSS إلى وحدة، ومعظمهم من المبرمجين استخدام مثل الزائفة بعد ومن قبل. إذا كنت تستخدم معا، فمن الممكن رسم في المثلث CSS الاصابة بسكتة دماغية.

من خلال الجمع بين لهم، وللمطورين إنشاء مجموعة متنوعة من مطلق النار جميلة، وتطبيق الملكية الموقف: النسبية لعنصر الأم. ويتم ذلك من أجل الزائفة لم تتحرك للخروج من مقاعدهم.

بالإضافة إلى استخدام إطار CSS لإنشاء المثلثات هم:

• التحرير السريع والسهل من الأحجام والألوان مع مساعدة من الخصائص.
• دعم جميع المتصفحات.

سلبيات:

• لأنه يستخدم الإطار، ليس هناك إمكانية لتطبيق التدرجات، الظلال.
• في بعض الأحيان، عندما ينظر المستخدم إلى صفحة متصفح فايرفوكس، قد لا تعمل قيمة ألفا، وهذا من شأنه تشويه صورة.

استخدام الصور الجاهزة

الطريقة التالية لخلق مثلثات - هو استخدام الصور المشفرة. ويوجه مثلث مقدما في محرر الصور وتحويلها إلى كود خاص مع الخدمات المتخصصة.

ميزة هذه الطريقة هي أنك يمكن أن تجعل تصميم جميل جدا مع الظلال، والتدرجات، والإطار، وبعد ذلك فقط ترميز كل شيء. ولكن الجانب السلبي هو حقيقة أن ليس كل من هو يجيد برامج الرسومات. وبالإضافة إلى ذلك، إذا كانت الصورة كبيرة جدا، ويتم الحصول على سطر من التعليمات البرمجية ببساطة عن طريق هائلة. هذا غير مريح للمطور.

A بند مستقل يستحق استخدام المتصفحات Internert إكسبلورر الإصدارات القديمة. في نفوسهم، وطريقة ببساطة لا تعمل.

طريقة مربع مقلوب

طريقة واحدة لخلق وسيلة لCSS مقلوب مربع. هناك نوعان من الوحدة الأساسية. ولكن بعض الناس استخدام الزائفة.

أولا، يمكنك إنشاء مربع. وسيكون محتويات عضو الدورية. ثم نشر من قبل 45 درجة، بحيث بدا وكأنه الماس. بعد ذلك، يتم إخفاء تحول المتابعة ووحدة الخارجية التي تجاوز الملكية: مخفي. هذا الحل هو أيضا ليس عبر متصفح، وأحيانا لا يتم عرض الصورة كما تريد.

النتائج

لذلك، هناك العديد من الطرق لإنشاء مثلث. إلا أنها لا تضيع في كل هذه الخصائص CSS؟ والإشارة في هذه الحالة تساعد دائما. فهو يصف كل ملامح صفحات الطرز المتراصة.

بالنسبة لأولئك الذين لا يريدون أن تذهب في البرمجة وعرض CSS-دليل، وهناك المحررين على الانترنت التي تولد مثلثات الأحجام الصحيحة والألوان. في محرر البصرية، ويختار المستخدم وتكوين كل شخصية الإعدادات. تحويلها إلى رمز CSS مولد مثلث وضعت في إطار منفصل على الطاير. ثم، يتم إدراج الشفرة التي تم إنشاؤها ببساطة إلى أنماط وتناسب تصميم الصفحة.