תוכן עניינים
אנימציית סיבוב פופולרית
זה משהו שמתחילים לראות בכל מקום, את הכיתוב העגול אפשר לעשות באלמנטור עם הווידג’ט נתיב טקסט או עם תמונה, ועם הקוד למטה זה לא יפסיק להסתובב.
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 תגובות
אדיר!!!
מדהים!
מה ניתן לעשות כדי שהסיבוב יהיה יותר מהיר
תשנה את ה-45s למספר קטן יותר (ה-s הכוונה לשניות 45 שניות סיבוב מלא)
יש קוד לתזוזת שורה ישרה בלי הפסקה, כמו לולאה?
מדהיםםם
תודה
איך מאחדים 2 אנימציות לינאריות ביחד?
לדוגמא אלמנטו שיגדל יסתובב ימינה יסתובב שמאלה ויקטן בחזרה
באופן קבוע
מושלם!
לגבי אלמנט שגדל וקטן יש אפשרות שאחרי שהוא גדל הוא לא יקטן שוב אלא יעלם מהמסך
ממש יפה תודה רבה עזר ממש