על מנת ליצור טקסט שקוף עם שוליים עם צבע ועובי לבחירה אנחנו נדרשים לכמה פעולות לפי הסדר הבא
ראשית כמובן, יש לגרור את אלמנט כותרת אל המקום הרצוי, לעצב את הפונט לפי טיפוגרפיה וצבע רצויים. לפני שנהפוך את הטקסט לשקוף יש לבצע את שתי הפעולות הבאות ( סדר הפעלות לא חשוב )
- יש לגשת לעריכת כותרת > מתקדם > css classes ולהוסיף את המילה stroke
2. יש לגשת לעריכת כותרת > מתקדם > CSS מותאם ולהדביק את הקוד הבא
.stroke h2 { -webkit-text-stroke: 2px white;}
אפשר לשנות את צבע מסגרת האותיות ולרשום כל צבע באנגלית, כמו כן ניתן לשנות את עובי המסגרת על ידי שינוי מספר הפיקסלים
אז איך גורמים לשקיפות בגוף הטקסט? ניתן לבחור כל צבע שתרצו ואת הסרגל המסומן יש להזיז שמאלה עד לשקיפות הרצויה.
ניגשים לעריכת כותרת > סגנון ולוחצים על הצבע, לאחר הלחיצה תפתח ערכת הצבעים ואת הכדור הקטן הסרגל התחתון יש להזיז שמאלה עד לשקיפות רצויה
אני בחרתי בשקיפות חלקית מאחר והתמונה בהירה, הברתי את הצבע השחור המקורי עד לשקיפות רצויה והתוצאה לפניכם