פונקציות CSS , animate :

כמו שלמדנו במסגרת ההסבר על הסינטקס של jQuery

בוחרים אלמנט באמצעות הסלקטור המתאים – ומבצעים עליו פעולה

בשיעור זה נציג פונקציות שמורות – שהפעולה שהם מבצעות:

  • ביצוע עיצוב מסוים באמצעות תכונות CSS 
  • ביצוע אנימציה מסויימת 

 

פונקציית ()css

 

פונקציית CSS , מאפשרת להפעיל עיצוב , במקרה של ארוע [ evevnt ] , או גם ללא אירוע 

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

ככה זה נראה :

()animate

 

פונקצית animate  מאפשרת לבצע אניציה באמצעות קוד CSS על אלמנט של HTML 

למשל – אם הקופסה שבה הכנסנו תוכן  – קופצת מעט למעלה ונוחתת 

ניתן להגדיר לפונקציה זו מהירות ביצוע , המהירויות יכולות להיות :

"slow" , "fast"  – או זמן שנרצה במילי שניות [ למשל שנייה – זה 1000 , שתי שניות זה 2000 , וכן הלאה ] 

 

ככה נראה הקוד:

דילוג לתוכן