تلعب الخطوط دورا رئيسيا في التصميم المرئي لمواقع الويب. إنها لا تخدم فقط نقل المعلومات ، ولكن أيضا لخلق حالة مزاجية والتأكيد على الأسلوب. في إحدى هذه المواقف ، عندما ترغب في لفت الانتباه إلى نص معين ، يكون استخدام الخطوط قطريا.
الخط المائل هو طريقة لتدوير النص بزاوية معينة ، مما يجعله أكثر وضوحا وأصلية. يمكن استخدام هذا التأثير للعناوين الرئيسية والاقتباسات واللافتات وعناصر النص الأخرى.
في هذه المقالة ، نقدم لك دليلا تفصيليا حول كيفية إنشاء خط قطري على موقع الويب الخاص بك. سنلقي نظرة على الطرق المختلفة ونوضح كل خطوة بالتفصيل. هل أنت مستعد للبدء? لنبدأ!
- كيفية إنشاء تأثير نص قطري
- الخطوة 1: اختيار الخط المناسب
- الخطوة 2: استخدام كس لإمالة النص
- الخطوة 3: وضع العلامات المناسبة وتحديد المواقع من العناصر
كيفية إنشاء تأثير نص قطري
. تتيح لك هذه الخاصية تطبيق تحويل إلى عنصر صفحة ويب.
لإنشاء تأثير نص قطري ، يمكننا استخدام رمز كس التالي:
الجسم {أعلى: 50%;
). ثم نقوم بإنشاء فئة
اليسار: 50%
، نحن نطبق التحول
ترجمة (-50 ٪ ، -50٪) تدوير (-45 درجة)لتدوير العنصر قطريا. المعنى
ترجمة (-50٪ ، -50٪)
يتم استخدامه لتوسيط عنصر نسبة إلى العنصر الأصلي.
في النهاية ، للحفاظ على النص على نفس السطر ، نستخدم الخاصية
الفضاء الأبيض: نوراب
- لعنصر
- داخل الفصل
- قطري-نص
.
الآن ، لإنشاء نص قطريا ، ما عليك سوى إضافة عنصر مع فئة
قبل البدء في إنشاء خط قطري ، تحتاج إلى اختيار الخط المناسب لموقعك. يعتمد اختيار الخط على النمط المرئي العام للصفحة ، وكذلك على الغرض من المحتوى ومحتواه.
اختر خطا بتفاصيل واضحة ومميزة.
بعد تحديد الخط المناسب ، يمكنك المتابعة إلى الخطوة التالية — إعداد الأنماط والموضع القطري للنص على الصفحة.
تحويل
قيمة الانحراف
. على سبيل المثال ، سيؤدي القسم التالي من رمز كس إلى إمالة النص 45 درجة إلى اليمين:
تحويل: الانحراف (45 درجة);
}
لإمالة النص إلى زاوية مختلفة ، يمكنك تغيير القيمة بالداخل
تحويل: الانحراف(-30 درجة);
}
باستخدام خصائص المغلق
تحويل الأصل