selector{
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes floating {
from { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
to { transform: translate(0, -0px); }
}
CSS
- 1562
אנימציית ריחוף מגניבה
הוסיפו חיים לויז'ואלים באתר שלכם עם אנימציית ריחוף קלילה! שחקו עם הערכים כדי לקבוע את תזמון האנימציה, משך האנימציה ומהירות האנימציה.
קטע הקוד:
- אם הקוד נדרש לחול על אזור / עמודה / ווידג'ט ספציפיים, ניתן לשים אותו בלשונית מתקדם > CSS מותאם.
- אם הקוד נדרש לחול על כל העמוד, ניתן לשים אותו בהגדרות העמוד > מתקדם > CSS מותאם.
- אם הקוד נדרש לחול על כל האתר, ניתן לשים אותו בהגדרות אתר > CSS מותאם,
או בקבצי התבנית, תחת עיצוב > התאמה אישית > CSS מותאם,
או בהגדרות אלמנטור, תחת Custom Code.