#truckWrapper {
width: 100vw;
height: 500px;
position: relative;
overflow: hidden; /* تمنع خروج الشاحنة خارج حدود الصفحة */
}
#truck {
position: absolute;
top: 200px;
left: 100vw; /* تبدأ من خارج يمين الشاشة */
animation: drive 5s cubic-bezier(0.4, 0, 0.2, 1) forwards; /* مدة 5 ثواني مع تسارع وتباطؤ */
z-index: 1;
user-select: none;
}
@keyframes drive {
from { left: 100vw; }
to { left: calc(100vw - 500px); } /* تتوقف داخل حدود الصفحة */
}
مغامرة سلفادور - تطوير حفظ الحلي
🥚 ساعد سلفادور على الفقس ببقائك في الصفحة
