Search
Close this search box.

CSS

הרשמה לרשימת התפוצה
בקטגוריה הזו יופיעו פוסטים בנושאים שקשורים לCSS. הסברים מפורטים להגדרות CSS שונות ומשמעותיות כמו display, position, transition, transform ועוד. מתי להתשמש בהגדרה אחת ומתי בהגדרה שונה. תוכלו למצוא כאן דרכים מקוריות לפתרון בעיות נפוצות (יישור לדוגמה) כולל הסבר על הבעיה ודרך הפתרון (לא רק "תעשו X וכך הבעיה תפתר" אלא גם הסבר למה קרתה הבעיה ואיך הדרך המוצעת לפתרון אכן פותרת את הבעיה). ובנוסף יופיעו מדריכים לבניית רכיבים שונים (חלקם כוללים שימוש גם בסקריפטים).
כאן תוכלו ללמוד איך לבנות אלמנט סטיקי ואיך לעצב checkbox בצורה הפשוטה ביותר, מהם ההבדלים בין סוגי פורמטים שונים של תמונות ומתי להשתמש בכל אחד, איך להשתמש באנימציה ומה זה transition, מה ההבדל בין הגדלת אלמנט באמצעות transform להגדלה פיזית שלו ועוד ועוד.
אם משהו לא מספיק ברור או שיש נושא שלא מופיע כאן ותרצו עליו הסבר מפורט – תוכלו להשאיר הודעה בטפסי התגובות או בטופס יצירת הקשר שלנו. אני משתדלת לענות בהקדם על כל שאלה.
קריאה מהנה
CSS

מסגרת עם גרדיאנט

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

לקריאת הפוסט
CSS

CSS Transform

אחת ההגדרות המורכבות והמקסימות שCSS3 מביא לנו  היא ההגדרה transform. באופן כללי, ההגדרה מסוגלת לשנות דברים בנראות של סלקטור/ים, אך השינוי הוא רק בנראות של

לקריאת הפוסט
CSS

before & after

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

לקריאת הפוסט
CSS

יישור אנכי לאלמנטים

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

לקריאת הפוסט
CSS

Position בCSS

position היא הגדרת CSS כמו display או color, אבל יש לה השפעה נרחבת במיוחד על האלמנט עצמו ועל אלמנטים אחרים, ובנוסף כל אחד מהערכים האפשריים

לקריאת הפוסט