CSS

אנימציית ריחוף מגניבה

הוסיפו חיים לויז'ואלים באתר שלכם עם אנימציית ריחוף קלילה! שחקו עם הערכים כדי לקבוע את תזמון האנימציה, משך האנימציה ומהירות האנימציה.

מאת חיים בניסטי

קטע הקוד:

    
     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 מותאם.

  • אם הקוד נדרש לחול על כל העמוד, ניתן לשים אותו בהגדרות העמוד > מתקדם > CSS מותאם.

  • אם הקוד נדרש לחול על כל האתר, ניתן לשים אותו בהגדרות אתר > CSS מותאם,
    או בקבצי התבנית, תחת עיצוב > התאמה אישית > CSS מותאם,
    או בהגדרות אלמנטור, תחת Custom Code.

שניכנס לתא הטייס?

שכחת סיסמה?

שחזור סיסמה:

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

או