בפוסט הפעם יש כמה קודפנים מדליקים, מאפיינים מעניינים שחלקם אף חדשים ועוד פוסטים שפותחים אופקים. תהנו!
אישה מתארת איך היא למדה אנימציית CSS ע”י 25 ימים של פיתוחי אנימציות.
יצירת מעגלים ב-CSS היא פשוטה מאוד לכאורה, אבל הפוסט הזה סוקר את הדרכים השונות ליצור מעגלים, מראה יתרונות וחסרונות בכל שיטה. פוסט לא ארוך איך מעניין.
סרטון קצר שמראה מתי השימוש בערך revert עבור מאפייני CSS הוא דווקא הערך שנרצה. ופה יש פוסט יסודי של אלעד שכטר על המשמעויות השונות של מילות האיפוס revert, initial, unset ו-inherit.
אנימציה של מתיחת קו תחתון מתחת למשפט, כשהמשפט נמשך על פני כמה שורות.
אנימציה מדליקה של הנקודה מעל ה-i. הפוסט הזה מסביר איך לעשות את באמצעות האות התורכית “ı” והנקודה “.”. ואם אתם שואלים את עצמכם איך זה מסתדר עם נגישות, אז למרבה ההפתעה יש תשובה גם לזה!
איך ליצור אלמנטים צפים באמצע טקסט (בטח לא תופתעו מהשימוש ב-clip-path).
מאפיינים חדשים של text-decoration מאפשרים לעצב קו תחתון באופנים יצירתיים – אפשר לשלוט בעובי, במיקום, בהחלטה אם אותיות ארוכות תחתוכנה את הקו, ובעוד הרבה דברים. ברור שלא הכל נתמך בכל הדפדפנים, אבל עדיין תמיכה יחסית גבוהה! והנה דוגמאות למימוש ב-CodePen.
דוגמאות לא שגרתיות לצורך בפסאודו אלמנטים.
