رفتن به مطلب

مشکل در یک کد CSS


sir1

پست های پیشنهاد شده

سلام

قسمت هدر سایتمو مثل سایت نوین ادمین رنگی کنم. کد css را گرفتم و به صورت زیر است:

#shahab-header {
            z-index: 1;
            background: linear-gradient(114deg, #ed1748, #ed1748, #ffd600, #ffd600, #008abb, #008abb, #ed1748, #ffd600, #ffd600, #008abb);
            background-size: 2000% 2000%;
            animation: AnimationName 115s ease infinite
        }
        
@keyframes AnimationName {
            50%,
            100% {
                background-position: 0 50%
            }
            50% {
                background-position: 100% 50%
            }
        }

هنگام قرار دادن این کد در css در خط @keyframes AnimationName  خطا Expected RBRACE at line 236 را میده  که وقتی سایت را با لپ تاپ تست میکنم مشکلی نداره ولی در گوشی این کد باعث اختلال در ظاهر سایت میشه.

 لطفا راهنمایی کنید که کجا کد را تغییر بدم که در گوشی هم مشکلی نداشته باشه.

 

لینک به ارسال

استایل موبایل با استایل دسکتاپ در قالبم فرق داره. یعنی اگر بخام هر CSS را تغییر بدم باید کدشو هم در استایل دسکتاپ بزارم و هم در استایل موبایل تا تغییرات در هر دو اعمال بشه.

الان کد بالا را در استایل موبایل قرار ندادم برای این در حالت موبایل مشکل داره. و وقتی کد را اضافه میکنم نه تنها حالت موبایل درست نمیشه بلکه در دسکتاپم مشکل ایجاد میکنه.

ویرایش شده توسط sir1
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...