איך לעשות מסגרת עם מעבר צבע – gradient

באלמנטור ניתן לבחור לעשות מסגרת לאלמנט ולתת לה צבע. אבל החסרון שאי אפשר לעשות מעבר צבע (gradient color) כמו ברקע למשל אלא רק צבע אחד.

אם בכל זאת תרצו מסגרת עם מעבר בצע, כתבו את ה CSS הבא:

selector
{
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-image:
      linear-gradient(
        to bottom,
        rgba(233, 207, 113, 0.2),
        rgba(233, 207, 113, 0.8),
        rgba(233, 207, 113, 0))
      1 100%;
}

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

border-image לא חייב להיות דווקא צבע מעבר, תוכלו לשחק עם זה להשגת העיצוב המתאים.

0 0 דרג
דרג את הפוסט
הרשמה
Notify of
0 תגובות
Inline Feedbacks
הצג את כל התגובות

גם הסניפטים הבאים יעניינו אותך

0
אשמח לשמוע את דעתכם, מוזמנים להשאיר תגובהx