זו שאלה שאני שומע נשאלת לעתים קרובות למדי: האם ניתן ליצור צללים מדרגות במקום צבעים אחידים? אין מאפיין CSS ספציפי שעושה את זה (תאמין לי, בדקתי) וכל פוסט שתמצא בבלוג הוא בעצם הרבה טריקים של CSS כדי להעריך שיפוע. אנחנו למעשה נכסה חלק מאלה תוך כדי.
אבל קודם… אַחֵר מאמר על צללי שיפוע? בֶּאֱמֶת?
כן, זה עוד פוסט בנושא, אבל זה שונה. ביחד, אנחנו הולכים לדחוף את הגבולות כדי לקבל פתרון שמכסה משהו שלא ראיתי בשום מקום אחר: שקיפות. רוב הטריקים עובדים אם לאלמנט יש רקע לא שקוף אבל מה אם יש לנו רקע שקוף? אנחנו נחקור את המקרה הזה כאן!
לפני שנתחיל, הרשו לי להציג מחולל הצלליות שלי. כל מה שאתה צריך לעשות הוא להתאים את התצורה ולקבל את הקוד. אבל עקוב אחרי כי אני הולך לעזור לך להבין את כל ההיגיון מאחורי הקוד שנוצר.
תוכן העניינים
פתרון לא שקוף
נתחיל עם הפתרון שיעבוד עבור 80% מרוב המקרים. המקרה האופייני ביותר: אתה משתמש באלמנט עם רקע, ואתה צריך להוסיף לו צל שיפוע. אין בעיות שקיפות שיש לקחת בחשבון שם.
הפתרון הוא להסתמך על פסאודו-אלמנט שבו מוגדר הגרדיאנט. אתה מציב אותו מאחורי האלמנט בפועל ו להחיל עליו מסנן טשטוש.
.box { position: relative;
}
.box::before { content: ""; position: absolute; inset: -5px; /* control the spread */ transform: translate(10px, 8px); /* control the offsets */ z-index: -1; /* place the element behind */ background: /* your gradient here */; filter: blur(10px); /* control the blur */
}
זה נראה כמו הרבה קוד, וזה בגלל שהוא כן. הנה איך יכולנו לעשות את זה עם א box-shadow
במקום זאת אם היינו משתמשים בצבע אחיד במקום בשיפוע.
box-shadow: 10px 8px 10px 5px orange;
זה אמור לתת לך מושג טוב על מה שעושים הערכים בקטע הראשון. יש לנו קיזוז X ו-Y, רדיוס הטשטוש ומרחק הפיזור. שימו לב שאנחנו צריכים ערך שלילי למרחק הפיזור שמגיע מה- inset
נכס.
הנה הדגמה המציגה את צל ההדרגתיות לצד קלאסיקה box-shadow
:
אם תסתכלו היטב תבחינו ששתי הצלליות קצת שונות, במיוחד החלק הטשטוש. זו לא הפתעה כי אני די בטוח שכן filter
האלגוריתם של הנכס פועל אחרת מזה של הנכס box-shadow
. זה לא עניין גדול מכיוון שהתוצאה, בסופו של דבר, די דומה.
פתרון זה טוב, אך עדיין יש לו כמה חסרונות הקשורים ל z-index: -1
הַצהָרָה. כן יש "הקשר הערימה" קורה שם!
הגשתי א transform
לאלמנט העיקרי, ובום! הצל אינו נמצא עוד מתחת לאלמנט. זה לא באג אלא תוצאה הגיונית של הקשר הערמה. אל תדאג, אני לא אתחיל הסבר משעמם על ההקשר לערום (כבר עשיתי את זה בשרשור של Stack Overflow), אבל אני עדיין אראה לך איך לעקוף את זה.
הפתרון הראשון שאני ממליץ עליו הוא להשתמש בתלת מימד transform
:
.box { position: relative; transform-style: preserve-3d;
}
.box::before { content: ""; position: absolute; inset: -5px; transform: translate3d(10px, 8px, -1px); /* (X, Y, Z) */ background: /* .. */; filter: blur(10px);
}
במקום להשתמש z-index: -1
, נשתמש בתרגום שלילי לאורך ציר ה-Z. נכניס הכל פנימה translate3d()
. אל תשכח להשתמש transform-style: preserve-3d
על האלמנט העיקרי; אחרת, התלת מימד transform
לא ייכנס לתוקף.
למיטב ידיעתי, אין תופעת לוואי לפתרון הזה... אבל אולי אתה רואה אחת. אם זה המקרה, שתפו את זה בקטע התגובות, ובואו ננסה למצוא לזה תיקון!
אם מסיבה כלשהי אינך יכול להשתמש בתלת מימד transform
, הפתרון השני הוא להסתמך על שני פסאודו-אלמנטים - ::before
ו ::after
. אחד יוצר את צל ההדרגתיות, והשני משחזר את הרקע הראשי (וסגנונות אחרים שאולי תזדקקו לו). כך נוכל לשלוט בקלות בסדר הערימה של שני האלמנטים הפסאודו.
.box { position: relative; z-index: 0; /* We force a stacking context */
}
/* Creates the shadow */
.box::before { content: ""; position: absolute; z-index: -2; inset: -5px; transform: translate(10px, 8px); background: /* .. */; filter: blur(10px);
}
/* Reproduces the main element styles */
.box::after { content: """; position: absolute; z-index: -1; inset: 0; /* Inherit all the decorations defined on the main element */ background: inherit; border: inherit; box-shadow: inherit;
}
חשוב לציין שאנחנו כן מכריח המרכיב העיקרי ליצירת הקשר ערימה על ידי הכרזה z-index: 0
, או כל נכס אחר שעושה את אותו הדבר, על זה. כמו כן, אל תשכח שאלמנטים פסאודו מחשיבים את תיבת הריפוד של האלמנט הראשי כהפניה. לכן, אם לאלמנט הראשי יש גבול, עליך לקחת זאת בחשבון בעת הגדרת סגנונות פסאודו-אלמנטים. אתה תבחין שאני משתמש inset: -2px
on ::after
להסביר את הגבול שהוגדר באלמנט הראשי.
כפי שאמרתי, הפתרון הזה כנראה מספיק טוב ברוב המקרים שבהם אתה רוצה צל שיפוע, כל עוד אתה לא צריך לתמוך בשקיפות. אבל אנחנו כאן בשביל האתגר ובשביל לפרוץ את הגבולות, אז גם אם אתם לא צריכים את מה שיבוא אחר כך, הישארו איתי. כנראה תלמדו טריקים חדשים של CSS שתוכלו להשתמש בהם במקום אחר.
פתרון שקוף
בוא נמשיך מאיפה שהפסקנו בתלת מימד transform
ולהסיר את הרקע מהאלמנט הראשי. אתחיל עם צל שיש לו גם קיזוז וגם מרחק פיזור שווה ל 0
.
הרעיון הוא למצוא דרך לחתוך או להסתיר הכל בתוך השטח של האלמנט (בתוך הגבול הירוק) תוך שמירה על מה שבחוץ. אנחנו הולכים להשתמש clip-path
בשביל זה. אבל אתה עשוי לתהות איך clip-path
יכול לעשות חתך בתוך יסוד.
אכן, אין דרך לעשות את זה, אבל אנחנו יכולים לדמות את זה באמצעות דפוס מצולע מסוים:
clip-path: polygon(-100vmax -100vmax,100vmax -100vmax,100vmax 100vmax,-100vmax 100vmax,-100vmax -100vmax,0 0,0 100%,100% 100%,100% 0,0 0)
טאדה! יש לנו צל שיפוע התומך בשקיפות. כל מה שעשינו זה להוסיף א clip-path
לקוד הקודם. הנה איור להמחשת החלק המצולע.
האזור הכחול הוא החלק הגלוי לאחר החלת clip-path
. אני משתמש רק בצבע הכחול כדי להמחיש את הרעיון, אבל במציאות, נראה רק את הצל בתוך האזור הזה. כפי שאתה יכול לראות, יש לנו ארבע נקודות המוגדרות עם ערך גדול (B
). הערך הגדול שלי הוא 100vmax
, אבל זה יכול להיות כל ערך גדול שתרצה. הרעיון הוא להבטיח שיהיה לנו מספיק מקום לצל. יש לנו גם ארבע נקודות שהן הפינות של הפסאודו-אלמנט.
החצים ממחישים את הנתיב המגדיר את המצולע. אנחנו מתחילים מ (-B, -B)
עד שנגיע (0,0)
. בסך הכל, אנחנו צריכים 10 נקודות. לא שמונה נקודות כי שתי נקודות חוזרות על עצמן פעמיים בנתיב ((-B,-B)
ו (0,0)
).
עדיין יש עוד דבר אחד נותר לנו לעשות, וזה לקחת בחשבון את מרחק ההתפשטות והקיזוזים. הסיבה היחידה שההדגמה לעיל עובדת היא כי מדובר במקרה מסוים שבו ההיסטים ומרחק הפיזור שווים ל 0
.
בואו נגדיר את התפשטות ונראה מה קורה. זכור שאנו משתמשים inset
עם ערך שלילי לעשות זאת:
האלמנט הפסאודו גדול כעת מהאלמנט הראשי, ולכן clip-path
חותך יותר ממה שאנחנו צריכים את זה. זכור, אנחנו תמיד צריכים לחתוך את החלק בתוך האלמנט העיקרי (האזור בתוך הגבול הירוק של הדוגמה). אנחנו צריכים להתאים את המיקום של ארבע הנקודות בתוך clip-path
.
.box { --s: 10px; /* the spread */ position: relative;
}
.box::before { inset: calc(-1 * var(--s)); clip-path: polygon( -100vmax -100vmax, 100vmax -100vmax, 100vmax 100vmax, -100vmax 100vmax, -100vmax -100vmax, calc(0px + var(--s)) calc(0px + var(--s)), calc(0px + var(--s)) calc(100% - var(--s)), calc(100% - var(--s)) calc(100% - var(--s)), calc(100% - var(--s)) calc(0px + var(--s)), calc(0px + var(--s)) calc(0px + var(--s)) );
}
הגדרנו משתנה CSS, --s
, למרחק ההתפשטות ועדכן את נקודות המצולע. לא נגעתי בנקודות שבהן אני משתמש בערך הגדול. אני מעדכן רק את הנקודות שמגדירות את הפינות של הפסאודו-אלמנט. אני מגדיל את כל ערכי האפס ב --s
ולהקטין את 100%
ערכים לפי --s
.
זה אותו היגיון עם הקיזוזים. כאשר אנו מתרגמים את הפסאודו-אלמנט, הצל אינו יישור, ועלינו לתקן שוב את המצולע ולהזיז את הנקודות בכיוון ההפוך.
.box { --s: 10px; /* the spread */ --x: 10px; /* X offset */ --y: 8px; /* Y offset */ position: relative;
}
.box::before { inset: calc(-1 * var(--s)); transform: translate3d(var(--x), var(--y), -1px); clip-path: polygon( -100vmax -100vmax, 100vmax -100vmax, 100vmax 100vmax, -100vmax 100vmax, -100vmax -100vmax, calc(0px + var(--s) - var(--x)) calc(0px + var(--s) - var(--y)), calc(0px + var(--s) - var(--x)) calc(100% - var(--s) - var(--y)), calc(100% - var(--s) - var(--x)) calc(100% - var(--s) - var(--y)), calc(100% - var(--s) - var(--x)) calc(0px + var(--s) - var(--y)), calc(0px + var(--s) - var(--x)) calc(0px + var(--s) - var(--y)) );
}
ישנם שני משתנים נוספים לקיזוזים: --x
ו --y
. אנחנו משתמשים בהם בפנים transform
ואנחנו גם מעדכנים את clip-path
ערכים. אנחנו עדיין לא נוגעים בנקודות המצולע עם ערכים גדולים, אבל אנחנו מקזזים את כל האחרים - אנחנו מצמצמים --x
מקואורדינטות X, ו --y
מקואורדינטות Y.
כעת כל שעלינו לעשות הוא לעדכן כמה משתנים כדי לשלוט בצל השיפוע. ובעודנו בזה, בואו נהפוך גם את רדיוס הטשטוש למשתנה:
האם אנחנו עדיין צריכים את התלת מימד
transform
טריק?
הכל תלוי בגבול. אל תשכח שההתייחסות לאלמנט פסאודו היא תיבת הריפוד, כך שאם תחיל גבול על האלמנט הראשי שלך, תהיה לך חפיפה. או שתשמור על התלת מימד transform
להערים או לעדכן את inset
ערך שיביא בחשבון את הגבול.
הנה ההדגמה הקודמת עם עדכון inset
ערך במקום התלת מימד transform
:
הייתי אומר שזו דרך יותר מתאימה ללכת מכיוון שמרחק הפיזור יהיה מדויק יותר, מכיוון שהוא מתחיל מקופסת הגבול במקום מקופסת הריפוד. אבל תצטרך להתאים את inset
ערך לפי הגבול של האלמנט הראשי. לפעמים, הגבול של האלמנט אינו ידוע ויש להשתמש בפתרון הקודם.
עם הפתרון הקודם הלא-שקוף, יתכן שתתמודד עם בעיית הקשר הערימה. ועם הפתרון השקוף, ייתכן שתתמודד במקום זאת עם בעיית גבול. כעת יש לך אפשרויות ודרכים לעקוף את הבעיות הללו. טריק הטרנספורמציה התלת-ממדית הוא הפתרון המועדף עלי כי הוא פותר את כל הבעיות (המחולל המקוון ישקול את זה גם)
הוספת רדיוס גבול
אם תנסה להוסיף border-radius
לאלמנט כאשר משתמשים בפתרון הלא שקוף איתו התחלנו, זוהי משימה טריוויאלית למדי. כל מה שאתה צריך לעשות הוא לרשת את אותו הערך מהאלמנט הראשי, וסיימת.
גם אם אין לך רדיוס גבול, כדאי להגדיר border-radius: inherit
. זה מסביר כל פוטנציאל border-radius
אולי תרצה להוסיף מאוחר יותר או רדיוס גבול שמגיע ממקום אחר.
זה סיפור אחר כשעוסקים בפתרון השקוף. למרבה הצער, זה אומר למצוא פתרון אחר כי clip-path
לא יכול להתמודד עם עקומות. זה אומר שלא נוכל לחתוך את השטח בתוך האלמנט הראשי.
נציג את mask
רכוש לתערובת.
החלק הזה היה מאוד מייגע, ונאבקתי למצוא פתרון כללי שאינו מסתמך עליו מספרי קסם. בסופו של דבר קיבלתי פתרון מורכב מאוד שמשתמש רק באלמנט פסאודו אחד, אבל הקוד היה גוש ספגטי שמכסה רק כמה מקרים מסוימים. אני לא חושב ששווה לחקור את המסלול הזה.
החלטתי להכניס אלמנט נוסף למען קוד פשוט יותר. הנה הסימון:
<div class="box"> <sh></sh>
</div>
אני משתמש ברכיב מותאם אישית, <sh>
, כדי למנוע כל התנגשות פוטנציאלית עם CSS חיצוני. יכולתי להשתמש ב-a <div>
, אבל מכיוון שזהו אלמנט נפוץ, ניתן בקלות למקד אותו על ידי כלל CSS אחר שמגיע ממקום אחר שיכול לשבור את הקוד שלנו.
הצעד הראשון הוא למקם את <sh>
אלמנט וליצור בכוונה הצפה:
.box { --r: 50px; position: relative; border-radius: var(--r);
}
.box sh { position: absolute; inset: -150px; border: 150px solid #0000; border-radius: calc(150px + var(--r));
}
הקוד אולי נראה קצת מוזר, אבל נגיע להיגיון מאחוריו תוך כדי. לאחר מכן, אנו יוצרים את צל ההדרגתיות באמצעות פסאודו-אלמנט של <sh>
.
.box { --r: 50px; position: relative; border-radius: var(--r); transform-style: preserve-3d;
}
.box sh { position: absolute; inset: -150px; border: 150px solid #0000; border-radius: calc(150px + var(--r)); transform: translateZ(-1px)
}
.box sh::before { content: ""; position: absolute; inset: -5px; border-radius: var(--r); background: /* Your gradient */; filter: blur(10px); transform: translate(10px,8px);
}
כפי שאתה יכול לראות, האלמנט הפסאודו משתמש באותו קוד כמו כל הדוגמאות הקודמות. ההבדל היחיד הוא התלת מימד transform
מוגדר על <sh>
אלמנט במקום הפסאודו-אלמנט. לעת עתה, יש לנו צל שיפוע ללא תכונת השקיפות:
שימו לב שהשטח של ה <sh>
אלמנט מוגדר עם קו המתאר השחור. למה אני עושה את זה? מכיוון שכך, אני יכול ליישם א mask
עליו כדי להסתיר את החלק בתוך השטח הירוק ולשמור על החלק העולה על גדותיו במקום שבו אנחנו צריכים לראות את הצל.
אני יודע שזה קצת מסובך, אבל בניגוד clip-path
, ה mask
הנכס אינו מתייחס לאזור בחוץ אלמנט להראות ולהסתיר דברים. זו הסיבה שהייתי מחויב להציג את האלמנט הנוסף - לדמות את האזור "החוץ".
כמו כן, שים לב שאני משתמש בשילוב של border
ו inset
להגדיר את התחום הזה. זה מאפשר לי לשמור על ה-padding-box של אותו אלמנט נוסף זהה לאלמנט הראשי כך שה-Pseudo-element לא יזדקק לחישובים נוספים.
דבר שימושי נוסף שאנו מקבלים משימוש באלמנט נוסף הוא שהאלמנט קבוע, ורק הפסאודו-אלמנט זז (באמצעות translate
). זה יאפשר לי להגדיר בקלות את המסכה, שהיא אחרון שלב של הטריק הזה.
mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
mask-composite: exclude;
זה נעשה! יש לנו את צל ההדרגתיות שלנו, והוא תומך border-radius
! כנראה שציפית לתסביך mask
ערך עם המון שיפועים, אבל לא! אנחנו צריכים רק שני שיפועים פשוטים ו-a mask-composite
להשלמת הקסם.
בואו נבודד את <sh>
אלמנט כדי להבין מה קורה שם:
.box sh { position: absolute; inset: -150px; border: 150px solid red; background: lightblue; border-radius: calc(150px + var(--r));
}
הנה מה שאנחנו מקבלים:
שימו לב כיצד הרדיוס הפנימי מתאים לרדיוס הראשי border-radius
. הגדרתי גבול גדול (150px
) ו border-radius
שווה לגבול הגדול ועוד רדיוס האלמנט הראשי. מבחוץ, יש לי רדיוס שווה ל 150px + R
. מבפנים, יש לי 150px + R - 150px = R
.
עלינו להסתיר את החלק הפנימי (הכחול) ולוודא שהחלק הגבול (האדום) עדיין גלוי. לשם כך, הגדרתי שתי שכבות מסיכה - אחת המכסה רק את אזור תיבת התוכן ואחרת המכסה את אזור תיבת הגבול (ערך ברירת המחדל). ואז הוצאתי אחד מהשני כדי לחשוף את הגבול.
mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
mask-composite: exclude;
השתמשתי באותה טכניקה כדי ליצור גבול התומך בהדרגות ו border-radius
. לאנה טיודור יש גם מאמר טוב על מרוכב מיסוך שאני מזמין אותך לקרוא.
האם יש חסרונות בשיטה זו?
כן, זה בהחלט לא מושלם. הבעיה הראשונה שאתה עשוי להתמודד עם קשורה לשימוש בגבול על האלמנט הראשי. זה עלול ליצור חוסר יישור קטן ברדיוסים אם לא תתייחס לזה. יש לנו בעיה זו בדוגמה שלנו, אבל אולי אתה בקושי יכול להבחין בה.
התיקון קל יחסית: הוסף את רוחב הגבול עבור <sh>
אלמנטים inset
.
.box { --r: 50px; border-radius: var(--r); border: 2px solid;
}
.box sh { position: absolute; inset: -152px; /* 150px + 2px */ border: 150px solid #0000; border-radius: calc(150px + var(--r));
}
חסרון נוסף הוא הערך הגדול שבו אנו משתמשים עבור הגבול (150px
בדוגמה). ערך זה צריך להיות גדול מספיק כדי להכיל את הצל אבל לא גדול מדי כדי למנוע בעיות של הצפת ופס גלילה. לְמַרְבֶּה הַמַזָל, המחולל המקוון יחשב את הערך האופטימלי בהתחשב בכל הפרמטרים.
החיסרון האחרון שאני מודע לו הוא כשאתה עובד עם קומפלקס border-radius
. לדוגמה, אם אתה רוצה להחיל רדיוס שונה על כל פינה, עליך להגדיר משתנה לכל צד. זה לא באמת חיסרון, אני מניח, אבל זה יכול להפוך את הקוד שלך קצת יותר קשה לתחזוקה.
.box { --r-top: 10px; --r-right: 40px; --r-bottom: 30px; --r-left: 20px; border-radius: var(--r-top) var(--r-right) var(--r-bottom) var(--r-left);
}
.box sh { border-radius: calc(150px + var(--r-top)) calc(150px + var(--r-right)) calc(150px + var(--r-bottom)) calc(150px + var(--r-left));
}
.box sh:before { border-radius: var(--r-top) var(--r-right) var(--r-bottom) var(--r-left);
}
המחולל המקוון מחשיב רק רדיוס אחיד למען הפשטות, אבל עכשיו אתה יודע איך לשנות את הקוד אם אתה רוצה לשקול תצורת רדיוס מורכבת.
גלישה את
הגענו לסוף! הקסם מאחורי צללים מדורגים אינו עוד תעלומה. ניסיתי לכסות את כל האפשרויות ואת כל הבעיות האפשריות שאתה עלול להיתקל בהן. אם פספסתי משהו או שאתה מגלה בעיה כלשהי, אל תהסס לדווח על כך בקטע התגובות, ואני אבדוק את זה.
שוב, הרבה מזה כנראה מוגזם בהתחשב בכך שהפתרון דה פקטו יכסה את רוב מקרי השימוש שלך. עם זאת, טוב לדעת את ה"למה" וה"איך" מאחורי הטריק, וכיצד להתגבר על מגבלותיו. בנוסף, עשינו תרגיל טוב במשחק עם חיתוך ומיסוך CSS.
וכמובן, יש לך המחולל המקוון אתה יכול להגיע לכל זמן שתרצה להימנע מהטרחה.
- הפצת תוכן ויחסי ציבור מופעל על ידי SEO. קבל הגברה היום.
- Platoblockchain. Web3 Metaverse Intelligence. ידע מוגבר. גישה כאן.
- מקור: https://css-tricks.com/different-ways-to-get-css-gradient-shadows/
- 1
- 10
- 11
- 3d
- 7
- 9
- 98
- a
- יכול
- אודות
- בנוגע לזה
- מֵעַל
- מוּחלָט
- פי
- חֶשְׁבּוֹן
- חשבונות
- מדויק
- למעשה
- נוסף
- לאחר
- אַלגוֹרִיתְם
- תעשיות
- מאפשר
- כְּבָר
- תמיד
- אנה
- ו
- אחר
- בְּכָל מָקוֹם
- יישומית
- החל
- מריחה
- AREA
- סביב
- מאמר
- לְהִמָנַע
- רקע
- בעיקרון
- כי
- לפני
- מאחור
- תאמינו
- להלן
- גָדוֹל
- גדול
- קצת
- שחור
- בלוג
- כָּחוֹל
- לטשטש
- גבול
- משעמם
- אריזה מקורית
- לשבור
- חרק
- לחשב
- לא יכול
- מקרה
- מקרים
- לאתגר
- לבדוק
- קלאסי
- קליפ-נתיב
- מקרוב
- קוד
- צֶבַע
- שילוב
- מגיע
- הערה
- Common
- להשלים
- מורכב
- מושג
- תְצוּרָה
- סכסוך
- לשקול
- בהתחשב
- רואה
- תוכן
- הקשר
- לִשְׁלוֹט
- בפינה
- פינות
- יכול
- קורס
- לכסות
- מכסה
- לִיצוֹר
- יוצר
- CSS
- טריקים של CSS
- מנהג
- חותך
- קיצוצים
- עסקה
- התמודדות
- החליט
- להקטין
- בְּרִירַת מֶחדָל
- מוגדר
- מגדיר
- הגדרה
- בהחלט
- הַדגָמָה
- תלוי
- DID
- הבדל
- אחר
- כיוון
- לגלות
- מרחק
- לא
- עושה
- לא
- חסרונות
- כל אחד
- מוקדם יותר
- בקלות
- השפעה
- או
- במקום אחר
- מספיק
- לְהַבטִיחַ
- במיוחד
- Ether (ETH)
- אֲפִילוּ
- הכל
- דוגמה
- דוגמאות
- נשלל
- תרגיל
- צפוי
- הסבר
- לחקור
- היכרות
- חיצוני
- נוסף
- פָּנִים
- פקטו
- למדי
- חביב
- מאפיין
- מעטים
- תרשים
- לסנן
- מציאת
- ראשון
- לסדר
- קבוע
- לעקוב
- להכריח
- חופשי
- החל מ-
- כללי
- נוצר
- לקבל
- לתת
- Go
- הולך
- טוב
- שיפועים
- ירוק
- קורה
- לעזור
- כאן
- הסתר
- איך
- איך
- HTML
- HTTPS
- חולה
- רעיון
- חשוב
- in
- להגדיל
- במקום
- מבוא
- להזמין
- סוגיה
- בעיות
- IT
- שמור
- שמירה
- לדעת
- אחרון
- שכבות
- לִלמוֹד
- סביר
- מגבלות
- גבולות
- קְצָת
- ארוך
- עוד
- נראה
- נראה
- נראה
- מגרש
- קסם
- ראשי
- לתחזק
- הרוב
- לעשות
- מסכה
- אומר
- שיטה
- יכול
- לשנות
- רֶגַע
- יותר
- רוב
- המהלך
- נע
- מוזילה
- תעלומה
- צורך
- שלילי
- אף על פי כן
- חדש
- הבא
- לקזז
- ONE
- באינטרנט
- מול
- אופטימלי
- אפשרויות
- כָּתוֹם
- להזמין
- אחר
- אחרים
- אַחֶרֶת
- מתווה
- בחוץ
- להתגבר על
- פרמטרים
- חלק
- מסוים
- נתיב
- תבנית
- אוּלַי
- לבחור
- מקום
- אפלטון
- מודיעין אפלטון
- אפלטון נתונים
- משחק
- אנא
- ועוד
- נקודות
- מְצוּלָע
- עמדה
- אפשרויות
- אפשרי
- הודעה
- פוטנציאל
- יפה
- קודם
- כנראה
- רכוש
- דחוף
- גם
- שאלה
- לְהַגִיעַ
- הגיע
- חומר עיוני
- מציאות
- טעם
- להמליץ
- Red
- להפחית
- קָשׁוּר
- יחסית
- לסמוך
- לזכור
- להסיר
- חזר
- לדווח
- תוצאה
- לגלות
- מסלול
- כלל
- אמר
- טוֹבָה
- אותו
- סעיף
- Shadow
- שיתוף
- צריך
- לְהַצִיג
- דומה
- פָּשׁוּט
- פשטות
- since
- קטן
- So
- מוצק
- פִּתָרוֹן
- כמה
- משהו
- אי שם
- מֶרחָב
- ספציפי
- התפשטות
- לערום
- הערימה
- התחלה
- החל
- התחלות
- להשאר
- שלב
- עוד
- סיפור
- מַתְאִים
- תמיכה
- תומך
- הפתעה
- לקחת
- ממוקד
- המשימות
- השמיים
- האזור
- דבר
- דברים
- לחשוב
- ל
- יַחַד
- גַם
- נושא
- סה"כ
- לגעת
- לשנות
- לתרגם
- תרגום
- שקיפות
- שָׁקוּף
- טריקים
- נָכוֹן
- טיפוסי
- להבין
- עדכון
- מְעוּדכָּן
- us
- להשתמש
- ערך
- ערכים
- נראה
- דרכים
- מה
- מה
- אשר
- בזמן
- יצטרך
- לְלֹא
- תיק עבודות
- עובד
- עובד
- ראוי
- X
- אינדקס z
- זפירנט
- אפס