פיתוח

13

3 טרנדים עיצוביים באלמנטור

קובץ פינה מעוגלת:

הקוד לטקסט מובלט:

    
     t{
    padding: 1vw 1vw 0.2vw 1vw;
    border-radius: 0.2em;
    margin: 0em -0.1em;
    display: inline-block;
    transform: rotate(2deg);
       background-color: blue;
        color: white;
}

    
   

הקוד לתמונה פנימית בטקסט:

    
     c{
    content: url(https://wordpress-600788-3276040.cloudwaysapps.com/wp-content/uploads/2024/03/shutterstock_2152134547.webp);
    height: 5vw;
    width: 20vw;
    object-fit: cover;
    border-radius: 1em;
    transform: translateY(1vw);
}

    
   

קוד לקרוסלת המלצות עם אנימציה קבועה:

    
     selector .swiper-wrapper {
    transition-timing-function: linear;
}


/*גורם שלא יוכלו לגרור עם העכבר*/
selector{
    pointer-events: none;
}

/*תזוזה משמאל לימין*/
selector{ 
    direction: ltr;
}
    
   

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

    
     @media screen and (max-width: 768px) {

}

    
   

הרשמו לעדכונים במייל

ואל תפספסו אף זום חינמי, סדנה חדשה או מדריך שווה!