קובץ פינה מעוגלת:
הקוד לטקסט מובלט:
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;
}
אפשר להשתמש בקלאס במקום תגית:
<span class=t> פה המילה שתרצו להדגיש </span>
הקוד נשאר זהה רק להוסיף נקודה לפני הקלאס:
.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://your-image-url.jpg);
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) {
}
