דוגמאות קוד

background-clip-text

צביעת טקסט בצבע מורכב (gradient)

הקדמה: האפשרות של background-clip קיימת ועובדת ברב הדפדפנים של היום. background-clip נועד בשביל לקבוע מאיפה אנחנו רוצים שתמונת ה-background תופיע. האם שתופיע מה-borders או מה-padding או מה-content (ה box model...

kill-the-birds-css-game

Pure CSS Game – No JavaScript

דוגמא של יצירת משחק ב 100% CSS, ללא כל שימוש ב – JS. במסגרת הכנת משחקים 100% CSS, יצרתי את המשחק KILL THE BIRDS ! במשחק יורים על הציפורים וצריך...

CSS Transition State

שמירה על State ב CSS Transition

התחלתי בימים האחרונים לשחק עם יכולות CSS, אז הנה אחד הדברים שהכנתי, CSS ששומר על מצב של “STATE” ללא JS. אתם יכולים להזיז את הכדור ע”י לחיצה על הכפתורים ולהקטין...