שמירה על State ב CSS Transition

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

אתם יכולים להזיז את הכדור ע”י לחיצה על הכפתורים ולהקטין ולהגדיל אותו, וכל מה שאתם עושים נשמר(כמו להזיז את הכדור), וכל זה ע”י מניפולציה קטנה.

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

מוזמנים לשחק ולהסתכל על הקוד שמופיע למעטה(מעבר טאבים לקוד).

אלעד שכטר

Check out this Pen!

 

על הכותב/עורך
קוראים לי אלעד שכטר, כיום עובד בחברת וואלה!, בתפקיד של ארכיטקט CSS. אוהב, אוכל ונושם CSS. לוקח את התחום הזה לקצה היכולות שלו.
  • כתיבת תגובה

    האימייל לא יוצג באתר. (*) שדות חובה מסומנים

    תגי HTML מותרים: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">