קובץ פינה מעוגלת:
הקוד לטקסט מובלט:
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) {
}