פרק 12: אנימציות ואירועים

בפרק זה נלמד על:

• שימוש באנימציות ב-CSS
• הוספת אירועים לאלמנטים

שימוש באנימציות ב-CSS

אנימציות ב-CSS מאפשרות להוסיף תנועה ואפקטים לאלמנטים. דוגמה:

          
            .fade-in {
              animation: fadeIn 2s ease-in-out;
            }
            
            @keyframes fadeIn {
              from {
                opacity: 0;
              }
              to {
                opacity: 1;
              }
            }
          
        

הוספת אירועים לאלמנטים

אירועים ניתנים להוספה לאלמנטים עם JavaScript. דוגמה:

          
            document.getElementById('myButton').addEventListener('click', function() {
              alert('Button clicked!');
            });