<gradient> یک نوع تصویر می باشد که از دو یا چند رنگ که به آرامی در هم محو می شوند تشکیل می شود. به عنوان مثال از آن برای سایه روشن کردن دکمه ها و یا عناصر دیگر استفاده می شود.
در CSS گرادینت ها رنگ نیستند به همین دلیل نمی توان از آنها برای مقدار دهی به ویژگی هایی مثل color استفاده کرد. گردانیت ها نوعی تصویر هستند که می توانند مقداری برای ویژگی هایی مثل background-image و یا ویژگی هایی که تصویر را به عنوان مقدار می پذیرند باشند.
گرادینت ها مثل بقیه انواع تصاویر اندازه ذاتی ندارند بلکه بصورت پیش فرض اندازه عنصری که بر روی آن اعمال می شوند را می گیرند. اما می توان با استفاده از ویژگی background-size برای آنها اندازه تعریف کرد.
نکته قابل توجه دیگر اینکه گرادینت ها در هیچ مرورگری ترنزیشن قبول نمی کنند به غیر از +IE 10.
گردانیت ها در CSS شامل چهار نوع می باشند:
همچنین ابزار colorzilla می تواند به شما برای تولید گرادینت کمک کند.
لطفا این مطلب رو بروزرسانی کنید
ببخشید اشتباه شد.