CSS הדרכה ליצירת אפקט תלת מימד על טקסטים

[rivkic]

בוקר טוב,

אחרי התגובות החמות ב"ה שקיבלתי על ההדרכה ליצירת אפקט מילוי צבע מונפש על כותרות באתר:

הדרכה ליצירת אפקט מעבר צבע במילוי הטקסט (טעימה קטנה מטכנולוגית CSS)

members.smoove.io

יצרתי הדרכה נוספת על יצירת אפקט תלת מימד לטקסטים:

הדרכה ליצירת אפקט תלת מימד על הטקסט (טעימה קטנה מטכנולוגית CSS)

members.smoove.io

(ההדרכות נשלחו לרשימת התפוצה שלי אבל אני מעלה אותן גם לכאן)
אשמח לקבלת משוב, פידבקים ותובנות

 

[rivkic]

מקפיצה למי שפספס

 

[אלעזר 1]

text-shadow ב-CSS

לדוגמה:

CSS3 Text Shadow Generator - CSS3gen

Use this CSS3 Text Shadow Generator to create snippets of CSS for the text-shadow property. Simple and clean CSS code in a mintue.

css3gen.com

 

[חד וחלק]

הצללה היא דבר מובנה באלמנטור, לא?

 

[rivkic]

הצללה היא דבר מובנה באלמנטור, לא?

הצללה בסיסית - נכון.
כאן יש הצללה מוכפלת ב 3 (כאילו הטקסט מואר מ 3 כיוונים)
מה שנותן לטקסט מראה "צף".
חוץ מזה שהקוד מבצע את האפקט לכל הדפים, לא רק לאלה שנבנו דרך אלמנטור.

 

[rivkic]

text-shadow ב-CSS

לדוגמה:

CSS3 Text Shadow Generator - CSS3gen

Use this CSS3 Text Shadow Generator to create snippets of CSS for the text-shadow property. Simple and clean CSS code in a mintue.

css3gen.com

כלי יפה!
אמנם ההדרכה שלי מפרטת יותר ונותן אפשרויות מתקדמות יותר (ההצללה שהכלי מספק קיימת גם באלמנטור),
אבל הכלי הזה הוא בהחלט תוספת משלימה.

 

[אלעזר 1]

אפשר למצוא בגוגל עוד הרבה מחוללי צל, ביניהם כאלו הנותנים אפשרות של יותר מצל אחד
חפשו בגוגל: text shadow generator

 

[rivkic]

אפשר למצוא בגוגל עוד הרבה מחוללי צל, ביניהם כאלו הנותנים אפשרות של יותר מצל אחד
חפשו בגוגל: text shadow generator

מעולה!
אז הם באמת מחוללים קוד CSS, זה בדיוק מה שההדרכה מספקת (+ הדרכה איך להכניס את הקוד לאתר).