הנפשה של ירידת שורות ב-CSS
-
האם מישהו יודע איך אפשר להגדיר בתוך DIV שהטקסט שבתוכו 'יסע' כל הזמן למטה ויטען טקסט חדש מלמעלה.
(כמו שיש בהרבה אתרים שורה של 'הלקוחות שלנו' ש'נוסעת' כל הזמן) -
-
@master
זה עובד רק עד שהאובייקט (במקרה שלך: טקסט) מגיע למקום. אני צריך שזה יעבוד בלולאה כל הזמן.@chocolate
אני צריך שזה ירוץ מלמעלה למטה. -
-
@chocolate אמר בהנפשה של ירידת שורות ב-CSS:
@איש-נחמד אמר בהנפשה של ירידת שורות ב-CSS:
@master האם אפשר להגדיר את המהירות ?
scrollamount="8"
מספר יותר גבוה יותר מהר.
כמו כן אפשר להגדיר גם את זמן ההמתנה בין המופעים
< marquee scrolldelay='150' >
מספר יותר גבוה זמן המתנה יותר גבוה (במילי שניות)
-
נכון ומתאים יותר לעשות את זה באמצעות אנימציה של CSS, כמו כאן: https://codepen.io/shawnk/pen/yGvxB
marquee הוצא משימוש בhtml5 -
@איש-נחמד אז יש את הספריה animate.css
פשוט להטמיע בפרויקט, ולהוסיף class לdiv הרצוי (במקרה שלך כנראה animated slideInRight) -
פוסט 8 מתוך 14