راکت

transition دادن به linear-gradient

9 پاسخ

چطور می تونم به linear-gradient یک transition بدم؟
transition با background کار نمی کنه و linear-gradient هم روی background-color کار نمی کنه😐

    background: linear-gradient(to right,#8134af,#DD2A7B,#F58529);
    transition: backgroundr 0.5s;
ثبت پرسش جدید

پاسخ‌ها

9
محسن بستان
محسن بستان
@mohsenbostan

تخصص: Senior Backend Developer

@arminamirinasab
سلام.
متاسفانه چنین قابلیتی به طور مستقیم فعلا وجود نداره.

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

سلام،
نمیشه. برخی خصوصیات هستند که تغییر حالت نمی گیرند، از جمله پس زمینه.

شاید پاسخ شما همین‌جا باشد

Mahdi Pardat
Mahdi Pardat
@mahdipardat21

تخصص: برنامه نویس

سلام میتونید keyframes بسازید و انیمیشن بدید

Hassan Kalhor
Hassan Kalhor
@niwanta

تخصص: فرانت اند

برای linear-gradient ابتدا سایز تعریف کنید!
مثلا سایز بکگراند 400 پیکسل
اونموق میتونید با ترنزیشن تحرک بدید
البته با بکگراند پوزیشن

احسان قربانی
احسان قربانی
@TimeRunner2359

تخصص: PHP ، در حال یادگیری لاراول ، MidLevel درفرانت اند

@arminamirinasab
سلام و وقت بخیر.
مطمین ام منظورتون این لینکه که با keyframe و انیمیشن هستش .
موفق و سلامت باشید.
یا حق

مسعود فرامرزی‌راد
مسعود فرامرزی‌راد
@sm.faramarzirad

تخصص: Front-end Developer

شما می‌تونید به background ترنزیشن بدید ولی gradientها ترنزیشن قبول نمی‌کنند.

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

@TimeRunner2359
transition یعنی تغییر حالت، مقداردهی هم بدین صورت هستش که نام خصوصیت مورد نظر رو انتخاب می کنیم و زمان این تغییر حالت رو هم بهش میدیم. مثلا طول عنصر 100 پیکسل هستش، وقتی داریم به 200 پیکسل افزایشش میدیم، این عملیات در طول سه دهم ثانیه رخ بده.

حالا با این توصیف، سعی کنید چنین عملیاتی رو برای پس زمینه های گرادیانتی بوجود بیارید.
پیوندی که قرار دادین چنین عملیاتی رو رقم نمی زنه.

احسان قربانی
احسان قربانی
@TimeRunner2359

تخصص: PHP ، در حال یادگیری لاراول ، MidLevel درفرانت اند

@milad
سلام و وقت بخیر
بله میدونم لینک من انیمیشن هست . من چون فکر کردم ایشون چنین چیزی مد نظر دارن . چون روی گرادینت که نمیشه transition اعمال کرد.
ممنون از تذکرتون
موفق و سلامت باشید
یا حق

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

@TimeRunner2359
سرزنده باشین.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام