۱ علیرضا ابراهیمی
روش رسپانسیو کردن انیمیشن در حالت استفاده از background-image
جامعه Html & CSS ایجاد شده در ۲۵ خرداد ۱۴۰۳

سلام و درود. با توجه به تفاوت در واکنشگرا کردن زمان استفاده از background-image و انیمیشن، لطفا روش رسپانسیو کردن این پروژه را توضیح دهید متشکرم.

راه حل رو خودم کشف کردم... دوستانی که میخوان این پروژه رسپانسیو بشه برای قانون keyframe در انیمیشن جاده و ساختمان به جای translatex از ویژگی background-position با کد زیر استفاده کنند:

@keyframes buildings{

    from{

        background-position: 0 0;

    }

    to{

        background-position: -100% 0;

    }

}

علیرضا ابراهیمی ۲۵ خرداد ۱۴۰۳، ۱۰:۱۵