כותרת במעבר צבע באלמנטור
בשלב הראשוני גוררים אלמנט כותרת לאלמנטור. ואז שמים את הCSS הבא
.cg h2 {
background: -webkit-linear-gradient(90deg,#ff7be5, #4180e3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
כמו שאשפר לראות הכותרת מוגדרת כH2 כך שתצטרכו לשנות את הכותרת לh2 כמו כן שימו בCSS Classes את המילה cg
כותרת במעבר צבע באלמנטור בזווית שונה
.cg h2 {
background: -webkit-linear-gradient(40deg,#ff7be5, #4180e3);
-webkit-background-clip: text;
-webkit-text-fill-color:
מה ששינתי כאן זה את הזווית ל40deg בשונה מהעליון שהוא 90deg
מעבר צבע חלקי זה הטקסט עם המעבר וכאן טקסט נוסף
כדי ליצור כותרת עם מעבר צבע במילה אחת או כמה מה שצריך לעשות זה להעתיק את הטקסט הבא:
מעבר צבע חלקי <ga> זה הטקסט עם המעבר </ga>
וכאן טקסט נוסף
להעתיק ולהדביק באלמנט כותרת רגיל. ובתוך התגית איפה שרשום המילים "זה הטקסט עם המעבר" לשנות למילים או המילה שלכם.
ובCSS Classes לרשום את המילה – ga
ואז בCSS מותאם לתת את הקוד הבא. גם כאן תוכלו לשנות את הקודים של הצבעים כפי שאתם רוצים
ga {
background: -webkit-linear-gradient(#ff7be5, #4180e3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}