h1 {

    background: -webkit-linear-gradient(#eee, #333)!important;

    -webkit-background-clip: text!important;

    -webkit-text-fill-color: transparent!important;

}

 ככה זה נראה אצלי אחרי שהוספתי את קוד ה CSS:

 

נלחץ על  "פרסום".

זהו :) אפשר לצפות בהנאה בתוצאה.

כותרות הדפים באתר מוצגים עם אפקט מעבר הצבע.

 

אם נרצה להחליט על הגוונים שיוצגו באפקט -

ניתן  להחליף את הגוונים שרשומים בקוד, בגוונים הרצויים:

 

h1 {

   background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);

   -webkit-background-clip: text;

   -webkit-text-fill-color: transparent;

   -webkit-animation: hue 10s infinite linear;

}

@-webkit-keyframes hue {

 from {

   -webkit-filter: hue-rotate(0deg);

 }

 to {

   -webkit-filter: hue-rotate(-360deg);

 }

}

 ככה הקוד נראה אצלי:

 

גם  כאן כמובן אפשר לשנות את הגוונים, במקום הגוונים שאני רשמתי:

 

נשמור (נפרסם) ונרוץ לצפות בתוצאה המרהיבה :)

אין מה לאמר - אפקט מבריק!

 

 

 טעמתם עכשיו טעימה קטנה מטכנולוגיית CSS

 (בסוף גם קינוח מאנימציות CSS).

 

אפשר ממש בקלות  להירשם לקורסים האלה, ולהיות מאסטרים בתחום!

 

קורס CSS 

 מחיר: 350 ש"ח

בסיום הקורס תדעו לעצב את מראה האתר באופן אישי בעזרת CSS + HTML, ללא המוגבלויות של הכלים האוטומטיים של תבניות וורדפרס ודומיו. 

להרשמה ולפרטים - כאן

 

קורס אנימציות CSS

מחיר: 130 ש"ח

בסיום הקורס תדעו ליצור אנימציות CSS לאלמנטים בדף. (לדוגמה: האנימציה ה"מבריקה" שיצרנו בשיעור זה. יש כמובן אנימציות הרבה יותר מורכבות...)

להרשמה ולפרטים - כאן 

 

 

קיבלת מייל זה?

רוצה לקבל תכנים נוספים?

מומלץ!! יהיו עוד הרבה תכנים שווים בעז"ה!

שלחו אלי מייל ל [email protected]

עם בקשה להצטרף לרשימת התפוצה.

יהיה לנו מעניין :)