يعد الخط المحترق طريقة مشرقة وفعالة لتمييز النص على صفحة الويب. يجذب انتباه القراء ويخلق تأثيرا بصريا مثيرا للاهتمام. إذا كنت جديدا في إنشاء صفحات الويب ، فلا تقلق! في هذا الدليل ، سنشرح بالتفصيل كيفية إضافة تأثير حرق إلى الخط الخاص بك.
أولا سوف تحتاج إلى النص الرئيسي الذي تريد أن تجعل حرق. حدد الكلمات الرئيسية أو العبارات التي تريد تمييزها. ثم ، باستخدام أو العلامات ، إضافة تصميم مذهل لهذه الكلمات أو العبارات.
.
ولكن لإضافة تأثير حرق ، سنحتاج إلى بعض أنماط كس. إنشاء ملف كس جديد أو إضافة أنماط إلى ملف موجود. في ملف كس ، إنشاء فئة باسم"حرق النص". ثم ، باستخدام خصائص كس ، تعيين الأنماط اللازمة لإنشاء تأثير غورينيه.
لإضافة ظل نص.
في العلامات هو المكان الذي توجد فيه.
- حرق الخط: دليل المبتدئين
- اختيار خط لإنشاء تأثير جورينيه
- إعداد صورة الخلفية
- خلق تأثير حرق باستخدام كس
حرق الخط: دليل المبتدئين
. من خلال تطبيق هذه الرسوم المتحركة على النص ، سوف تومض وتخلق وهم جورينيه.
في أبسط الحالات ، سوف رمز كس التالية تطبيق الرسوم المتحركة وميض إلى النص:
| الممتلكات | |
|---|---|
الرسوم المتحركة-قيمة الاسم | توهج |
الرسوم المتحركة-المدة | 1 ثانية |
الرسوم المتحركة-توقيت-وظيفة | خطي |
الرسوم المتحركة-التكرار-العد | لانهائي |
. في ذلك ، يمكنك تحديد الخصائص التي ستتغير في جميع أنحاء الرسوم المتحركة.
:
| نمط | الممتلكات | المعنى |
|---|---|---|
@إطارات مفتاحية توهج | 0% | نص الظل: 0 0 10 بكسل #فف0000; |
50% | نص الظل: 0 0 40 بكسل #0000; | |
100% | نص الظل: 0 0 10 بكسل #فف0000; |
في هذا المثال ، سيغير النص ظله طوال دورة الرسوم المتحركة. يمكنك ضبط اللون أو نصف قطر الظل أو خصائص الرسوم المتحركة الأخرى لتحقيق تأثير جورينيه المطلوب.
. على سبيل المثال:
نص مضاء
ثم يمكنك إنشاء قاعدة كس المناسبة:
.متوهجة-نص {الرسوم المتحركة-الاسم: توهج;
الرسوم المتحركة-المدة: 1 ثانية;
الرسوم المتحركة-توقيت-وظيفة: خطي;
الرسوم المتحركة-التكرار-العد: لانهائي;
- }
- باستخدام أمثلة التعليمات البرمجية هذه ، يمكنك البدء في تجربة الخط المحترق وإنشاء رسوم متحركة نصية مذهلة على موقع الويب الخاص بك.
- اختيار خط لإنشاء تأثير جورينيه
عند إنشاء تأثير حرق للنص الخاص بك ، واختيار الخط الصحيح يلعب دورا هاما. يجب أن يبدو الخط ناريا ويثير ارتباطات بالنار.
وهنا بعض الخطوط الشعبية التي هي مثالية لخلق تأثير حرق:
أريال الأسود: الخط الأسود أريال لديه نظرة جريئة ومعبرة ، والذي يسمح لك لخلق تأثير حرق مشرق. معالمها الواضحة وقابلية القراءة العالية تجعلها خيارا ممتازا.
التأثير: التأثير هو خط بأحرف سميكة ومجهدة. له تأثير بصري ضخم وهو مثالي لخلق تأثير حرق.
فايرستارتر: فايرستارتر هو الخط المصممة خصيصا لخلق تأثير جورينيه. رسائلها لها شكل لهب وتبدو واقعية جدا.
عند اختيار خط لتأثير الحرق ، ضع في اعتبارك سهولة قراءته. تأكد من أن الخط لا يبدو مثيرا للإعجاب فحسب ، بل ينقل النص بأكمله بوضوح. يجدر أيضا التحقق من توافقه مع الأجهزة والمتصفحات المختلفة بحيث يكون تأثير النص المحترق متاحا لجميع المستخدمين.
إعداد صورة الخلفية
قبل إنشاء خط حرق ، تحتاج إلى إعداد صورة خلفية لإعطائها تأثير الناري.
أولا ، حدد الصورة المناسبة التي ستكون بمثابة أساس للخط المحترق. من المستحسن اختيار صورة ذات دقة عالية وألوان زاهية بحيث تبرز بشكل جيد.
ثانيا ، قم بتحرير الصورة المحددة باستخدام محرر رسومي لإضفاء تأثير النار عليها. يمكنك استخدام الأدوات والمرشحات المختلفة المتوفرة في محرر الصور الخاص بك لإنشاء تأثير اللهب أو الفحم المتوهج على الصورة.
ثم احفظ الصورة المحررة بتنسيق تدعمه متصفحات الويب ، مثل الحياة السياسية في فرنسا أو بابوا نيو غينيا. تأكد من أن الملف ليس كبيرا جدا لتسريع تحميل الصفحة.
أنت الآن جاهز لاستخدام صورة الخلفية المعدة لإنشاء خط محترق. في القسم التالي ، سننظر في كيفية القيام بذلك باستخدام كس و هتمل.
خلق تأثير حرق باستخدام كس
إذا كنت ترغب في تجربة تصميم موقع الويب الخاص بك أو كنت ترغب في إضافة تأثيرات غير عادية إلى العناصر الموجودة على الصفحة ، فإن إنشاء خط محترق يمكن أن يكون طريقة ممتعة لجذب انتباه زوارك. في هذا الدليل ، وسوف ننظر في كيفية إنشاء تأثير حرق باستخدام كس.
1. قم بإنشاء حاوية للنص الذي تريد تطبيق تأثير النسخ عليه. على سبيل المثال ، يمكنك استخدام علامة
مع معرف محدد:
النص الخاص بك هو هنا
2. تحديد أنماط الحاوية ، بما في ذلك أبعادها ولون الخلفية ومحاذاة النص: