כל מיני אנימציות נפוצות עם אלמנטור ו-CSS

תוכן עניינים

אנימציית סיבוב פופולרית

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

				
					selector{
    animation: ronis-rotate 45s linear infinite;
}
@keyframes ronis-rotate{
0% {
    transform: rotate(
0deg);
}

100% {
    transform: rotate(
360deg);
}}
				
			

אלמנט שגדל וקטן

				
					selector{
    animation: ronis-scale alternate  1s linear infinite;
}
@keyframes ronis-scale{
0% {
    transform: scale(1);}

100% {
    transform: scale(1.1);}}
				
			

8 תגובות

  1. איך מאחדים 2 אנימציות לינאריות ביחד?
    לדוגמא אלמנטו שיגדל יסתובב ימינה יסתובב שמאלה ויקטן בחזרה
    באופן קבוע

  2. מושלם!
    לגבי אלמנט שגדל וקטן יש אפשרות שאחרי שהוא גדל הוא לא יקטן שוב אלא יעלם מהמסך

כתיבת תגובה

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

פעם בשבוע אני שולח ניוזלטר
עם כל המאמרים החדשים באתר
מעניין אותך?