הגדרת marquee css3

  • הוסף לסימניות
  • #1
קודם אבקש לעונים לפתוח בתצוגה רספונסיבי לנייד .שימו לב שיש מילים זזות על הכפתור בצורה אופקית . אני מעוניין 1. שזה ירוץ תמיד לאט וחוזר חלילה בגבולות הכפתור 2.הבעיה היא שיש שיהוי של זמן עד התחלה נוספת גם

http://www.quizner.co/mtrd17.php


לאלה שקשה להם למצוא את הגדרות ה-CSS


PHP:
        .marquee {
        
    width: 200px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    -webkit-animation: marquee 10s linear infinite;
   -moz-animation:  marquee 10s linear infinite;
    -ms-animation:  marquee 10s linear infinite;
     -o-animation:  marquee 10s linear infinite;
    animation:  marquee 10s linear infinite;
}

.marquee:hover {
    animation-play-state: paused
}

/* Make it move */

@-moz-keyframes marquee{
      0%   { text-indent: 27.5em; }
    100% { text-indent: -105em; }
}

@-webkit-keyframes marquee{
     0%   { text-indent: 27.5em; }
    100% { text-indent: -105em; }
}
@-ms-keyframes marquee{
     0%   { text-indent: 27.5em; }
    100% { text-indent: -105em; }
}
@-o-keyframes marquee{
     0%   { text-indent: 27.5em; }
    100% { text-indent: -105em; }

}
@keyframes  marquee {
    0%   { text-indent: 27.5em; }
    100% { text-indent: -105em; }
}
נ.ב בשלב שני, אבקש לעשות שהטקסט יזוז אמנם אבל יחולק למילים עם פסק זמן לעצירה למילה ואז ימשיך דהיינו מילה אחת תגיע בתזוזה ותעצור לשתי שניות (עדיף באמצע האופקי של הכפתור) ומיד אח"כ תגיע בתזוזה המילה הבאה ותעצור וחוזר חלילה
 
  • הוסף לסימניות
  • #2
האם יש סיבה שאתה לא משתמש בתגית marquee?
כמו כן, אם אתה רוצה
שזה ירוץ תמיד לאט וחוזר חלילה בגבולות הכפתור
אתה צריך להגדיר את הרוחב של הפסקה ל-100% ולא ל-200px.
 
  • הוסף לסימניות
  • #3
נכתב ע"י מיכל123;1423590:
האם יש סיבה שאתה לא משתמש בתגית marquee?
כמו כן, אם אתה רוצה
אתה צריך להגדיר את הרוחב של הפסקה ל-100% ולא ל-200px.
כשאני משתמש בתגית הטקסט נופל קצת ממיקום הכפתור. את יכולה לבקר בדף .עשיתי את הכפתור הראשון ככה
 
  • הוסף לסימניות
  • #5
נכתב ע"י מיכל123;1423590:
האם יש סיבה שאתה לא משתמש בתגית marquee?

סתם לידע כללי: סיבה טובה לא להשתמש בmarquee, היא שהתגית יצאה מהתקן.
הוראות התקן הן לא להשתמש בה.
 

פרוגבוט

תוכן שיווקי
פרסומת

פוסטים חדשים שאולי לא קראת....

הצטרפות לניוזלטר

איזה כיף שהצטרפתם לניוזלטר שלנו!

מעכשיו, תהיו הראשונים לקבל את כל העדכונים, החדשות, ההפתעות בלעדיות, והתכנים הכי חמים שלנו בפרוג!

לוח מודעות

הפרק היומי

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


תהילים פרק כה

אלְדָוִד אֵלֶיךָ יי נַפְשִׁי אֶשָּׂא:באֱלֹהַי בְּךָ בָטַחְתִּי אַל אֵבוֹשָׁה אַל יַעַלְצוּ אֹיְבַי לִי:גגַּם כָּל קוֶֹיךָ לֹא יֵבֹשׁוּ יֵבֹשׁוּ הַבּוֹגְדִים רֵיקָם:דדְּרָכֶיךָ יי הוֹדִיעֵנִי אֹרְחוֹתֶיךָ לַמְּדֵנִי:ההַדְרִיכֵנִי בַאֲמִתֶּךָ וְלַמְּדֵנִי כִּי אַתָּה אֱלֹהֵי יִשְׁעִי אוֹתְךָ קִוִּיתִי כָּל הַיּוֹם:וזְכֹר רַחֲמֶיךָ יי וַחֲסָדֶיךָ כִּי מֵעוֹלָם הֵמָּה:זחַטֹּאות נְעוּרַי וּפְשָׁעַי אַל תִּזְכֹּר כְּחַסְדְּךָ זְכָר לִי אַתָּה לְמַעַן טוּבְךָ יי:חטוֹב וְיָשָׁר יי עַל כֵּן יוֹרֶה חַטָּאִים בַּדָּרֶךְ:טיַדְרֵךְ עֲנָוִים בַּמִּשְׁפָּט וִילַמֵּד עֲנָוִים דַּרְכּוֹ:יכָּל אָרְחוֹת יי חֶסֶד וֶאֱמֶת לְנֹצְרֵי בְרִיתוֹ וְעֵדֹתָיו:יאלְמַעַן שִׁמְךָ יי וְסָלַחְתָּ לַעֲוֹנִי כִּי רַב הוּא:יבמִי זֶה הָאִישׁ יְרֵא יי יוֹרֶנּוּ בְּדֶרֶךְ יִבְחָר:יגנַפְשׁוֹ בְּטוֹב תָּלִין וְזַרְעוֹ יִירַשׁ אָרֶץ:ידסוֹד יי לִירֵאָיו וּבְרִיתוֹ לְהוֹדִיעָם:טועֵינַי תָּמִיד אֶל יי כִּי הוּא יוֹצִיא מֵרֶשֶׁת רַגְלָי:טזפְּנֵה אֵלַי וְחָנֵּנִי כִּי יָחִיד וְעָנִי אָנִי:יזצָרוֹת לְבָבִי הִרְחִיבוּ מִמְּצוּקוֹתַי הוֹצִיאֵנִי:יחרְאֵה עָנְיִי וַעֲמָלִי וְשָׂא לְכָל חַטֹּאותָי:יטרְאֵה אוֹיְבַי כִּי רָבּוּ וְשִׂנְאַת חָמָס שְׂנֵאוּנִי:כשָׁמְרָה נַפְשִׁי וְהַצִּילֵנִי אַל אֵבוֹשׁ כִּי חָסִיתִי בָךְ:כאתֹּם וָיֹשֶׁר יִצְּרוּנִי כִּי קִוִּיתִיךָ:כבפְּדֵה אֱלֹהִים אֶת יִשְׂרָאֵל מִכֹּל צָרוֹתָיו:
נקרא  2  פעמים
למעלה