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