• הרשמה
    • התחברות
    • פוסטים אחרונים
    • תגיות
    • משתמשים
    • קבוצות

    מדריך בסיסי | CSS - חלק ד' | רקעים עם מעבר צבע.

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

      ב"ה.


      #guide(רקעים עם מעבר צבע.)

      היום אסביר על רקעים של מעבר צבע.

      יש שלושה סוגים של מעבר צבע:

      לינארי (linear-gradient)

      מעבר של קו ישר.
      ככה זה נראה:
      7a790905-372f-4f52-a1af-af5588882f2e-image.png

      רדיאלי (radial-gradient)

      מעבר של עיגול.
      ככה זה נראה:
      456d8ba6-555d-4f82-ab85-cdc5d421a891-image.png

      חָרוּטִי (conic-gradient)

      מעבר בצורת חרוט.
      אפשר לעשות איתו המון דברים, ארחיב עליו בל"נ בהמשך.
      ככה זה נראה:
      aa4d4a6e-79e5-4e4f-adb4-5fc186ebf8a0-image.png


      איך עובדים איתם?
      כדי ליצור מעבר צבע לינארי ורדיאלי, הכי קל להשתמש באתר הזה.

      כדי ליצור מעבר צבע בצורת חרוט, נעשה כך:

      background-image: conic-gradient(from 90deg /*רמת סיבוב, אפשר להוריד*/,
                                      #000000 /*צבע 1*/,
                                      #ffffff /*צבע 2*/
                                      )
      

      אפשר לשים כמה צבעים שרוצים, הם צריכים להיות מופרדים בפסיקים.

      אפשר לראות דוגמא שעשיתי בשביל המדריך כאן.


      בהצלחה!

      |- יחי אדוננו מורנו ורבינו מלך המשיח לעולם ועד! -|

      |-יש לנו ב"ה אתר חדש, מוזמנים להיכנס.-|

      תגובה 1 תגובה אחרונה תגובה ציטוט 2
      • Men770
        Men770 מנהל ראשי מנהל תכנות נערך לאחרונה על ידי

        עשיתי כאן דוגמא לאתר שנעשה רק באמצעות מה שלמדנו.
        בעז"ה בפרק הבא אסביר על ה-Box model, ואז האתר שלנו כבר יראה ממש אתר אמיתי…

        |- יחי אדוננו מורנו ורבינו מלך המשיח לעולם ועד! -|

        |-יש לנו ב"ה אתר חדש, מוזמנים להיכנס.-|

        תגובה 1 תגובה אחרונה תגובה ציטוט 3
        • פוסט ראשון
          פוסט אחרון