סקוליינר

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.

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

שכחת סיסמה?

שחזור סיסמה:

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