ובcss היומי, משהו קצת יותר מורכב לכבוד יום ראשון המזופת עלינו לטובה. 🤢 אז כדי להישאר קצת על הנושא של הצללה (אל תברחו עדיין) הפעם בפינתנו, checkbox מעוצב ללא js או ::before .💍 וברם שסיכמנו שאני מסביר מה הקוד עושה, הפעם אני אסביר רק בראשי פרקים כי אני עצלן. 😱😱😱 האלמנט שאנחנו רואים במסך שלנו הוא label והcheckbox מוחבא היטב בעזרת display:none ועכשיו ישנם שני שינויים בין צ'קבוקס (איזה חמוד זה לכתוב את זה בעברית) לחוץ לשאינו לחוץ. ללחוץ יש שני עבודות להגשה על הראש ומשכנתא, והלא לחוץ בדרך לנתב"ג עם גרב אחת ובלי דרכון. אה, סליחה 😕 ללחוץ יש אייקון אחר (ובצבע אחר), והצללה פנימית (inset) שנותנת הרגשה של שקוע. לעומת הלא לחוץ שיש לו הצללה חיצונית רגילה. ואנחנו מנצלים את העובדה שlabal מלחיץ לו את הצ'קסבוקס שבתוכו גם אם הוא מוחבא היטב. ומשתמשים בבדיקה פשוטה כמו האם יש בתוך הlabel איזה שהוא אינפוט צ'ק ולפי זה בוחרים איזה הצללה ואיזה אייקון להראות. 😎😎😎