מחולל צללים של טקסט CSS

מחולל הצללים של טקסט CSS הוא עורך חזותי עבור המאפיין CSS Text-Shadow. אתה מכוון את ההיסט האופקי, ההיסט האנכי, רדיוס הטשטוש, הצבע והאטימות עם המחוונים וצופה באפקט העיבוד בשידור חי על טקסט לדוגמה, ואז מעתיק את ה-CSS המדויק. במקום לנחש ערכי פיקסלים ולרענן את הדף שלך, אתה מעצב את הצל ישירות וקורא את הקוד שהוא מייצר.

תכונת הצל הטקסט פשוטה יותר מ-box-shadow - אין לה רדיוס התפשטות ואין לה מילת מפתח משובצת - אבל השכבות הן המקום שבו היא נעשית עוצמתית. הצהרה בודדת יכולה לערום מספר צללים, כל אחד עם קיזוזים, טשטוש וצבע משלו. ערימת שכבות היא הדרך שבה אתה בונה זוהרי ניאון, קווי מתאר קשים, אותיות רטרו 3D, אפקטי הבלטות של אותיות וצללים שטוחים ארוכים. כתיבת אלה ביד היא בצורה מטופשת, כך שהכלי הזה מנהל את השכבות ומוציא הצהרה חוקית מפרט ומופרדת בפסיקים בסדר הצבע הנכון.

הכל קורה בדפדפן שלך. בחר הגדרה מראש כמו Neon Glow או Outline, כוונן כל שכבה, החלף את התצוגה המקדימה בין רקע בהיר לכהה, ערוך את הטקסט לדוגמה והעתק את ה-CSS. אין חשבון, אין העלאות, והוא ממשיך לעבוד במצב לא מקוון לאחר טעינת הדף.

סדר השכבות פועל ראשון עד אחרון, מלפנים לאחור, כך שהצל הרשום ראשון יושב למעלה. זה מה שגורם לקווי המתאר לעבוד: ארבעה צללים קטנים מקזזים פיקסל אחד לכל כיוון, מוערמים, משוערים למהלך של-CSS אין תכונה ישירה עבורו. רדיוס טשטוש הוא החלק היקר לעיבוד, וטקסט עם מספר טשטוש גדול שנצבע מחדש בגלילה הוא גורם שכיח לטלטלה במכשירים בעלי הספק נמוך יותר. צללים לעולם אינם משפיעים על הפריסה, כך שהם יכולים להציף את הקופסה שלהם ולהיחתך על ידי הורה עם הצפה מוסתרת.