כותרת אלמנטור עם קו תחתון
נעתיק את כל הקוד המופיע למטה לתוך אלמנט כותרת רגיל באלמנטור. לא לCSS מותאם אלא ישר כמו שרושמים כותרת רגילה באלמנטור
<span style="background-image: linear-gradient(180deg, #FFFFFF00 70%, #01C5B5 40%)">כותרת אלמנטור עם קו תחתון</span>
כותרת אלמנטור עם קו תחתון דק
<span style="
background-image: linear-gradient(180deg, transparent 10%, #01C5B5 15%);
background-size: 100% 8px;
background-repeat: no-repeat;
background-position: bottom;
">
כותרת אלמנטור עם קו תחתון דק
</span>
כותרת חלקית עם קו דק
כותרת חלקית <span style="
background-image: linear-gradient(180deg, transparent 10%, #01C5B5 15%);
background-size: 100% 8px;
background-repeat: no-repeat;
background-position: bottom;
">
עם קו דק
</span>
אם נרצה לעשות הדגשה במילה או במילים בודדות נוכל להעתיק את הקוד הבא
כותרת עם דגש במילים בודדות
כותרת עם דגש <span style="background-image: linear-gradient(180deg, #FFFFFF00 70%, #DDB0F9 40%)">במילים בודדות</span>
אם נרצה לעשות צבע מותאם אישית פשוט נשנה את ה#DDB0F9 לצבע שאנחנו רוצים
כותרת עם דגש מיוחד יותר
לביצוע כותרת כזאת תוכלו להעתיק את הקוד הבא
כותרת עם דגש <span style="background-image: linear-gradient(182deg, #FFFFFF00 70%, #DDB0F9 80%)">מיוחד יותר</span>
2 תגובות
היי תודה זה ממש עזר לי
אבל אני רוצה שהקו יהיה יותר דק, אבל אז הוא מתרחק מהטקסט…
היי תהילה עידכנתי קוד נוסף שמכיל קו דק יותר וקרוב לכותרת