sir1

مشکل در یک کد CSS

2 پست در این موضوع قرار دارد

سلام

قسمت هدر سایتمو مثل سایت نوین ادمین رنگی کنم. کد 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 را میده  که وقتی سایت را با لپ تاپ تست میکنم مشکلی نداره ولی در گوشی این کد باعث اختلال در ظاهر سایت میشه.

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

 

0

به اشتراک گذاری این پست


لینک به پست

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

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

ویرایش شده در توسط sir1
0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری