آن لائن CSS گریڈینٹ ٹول
CSS گریڈینٹ ایک خوش کن چھوٹی ویب سائٹ اور مفت ٹول ہے جو آپ کو ویب سائٹس کے لیے ایک گراڈینٹ پس منظر بنانے دیتا ہے۔
CSS گریڈیئنٹس آپ کو دو یا زیادہ مخصوص رنگوں کے درمیان ہموار ٹرانزیشن ڈسپلے کرنے دیتے ہیں۔
CSS دو قسم کے میلان کی وضاحت کرتا ہے:
- لکیری گریڈیئنٹس (نیچے/اوپر/بائیں/دائیں/ترچھی جاتی ہے)
- ریڈیل گریڈیئنٹس (ان کے مرکز کے ذریعہ بیان کردہ)
CSS لکیری گریڈیئنٹس
لکیری گریڈینٹ بنانے کے لیے آپ کو کم از کم دو رنگوں کے اسٹاپ کی وضاحت کرنی ہوگی۔ کلر اسٹاپس وہ رنگ ہیں جن کے درمیان آپ ہموار ٹرانزیشن پیش کرنا چاہتے ہیں۔ آپ تدریجی اثر کے ساتھ نقطہ آغاز اور سمت (یا زاویہ) بھی ترتیب دے سکتے ہیں۔
نحو
background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
CSS Radial Gradients
A radial gradient is defined by its center.
To create a radial gradient you must also define at least two color stops.
Syntax
background-image: radial-gradient(shape size at position, start-color, ..., last-color);
By default, shape is ellipse, size is farthest-corner, and position is center.
Set Shape
The shape parameter defines the shape. It can take the value circle or ellipse. The default value is ellipse.
The following example shows a radial gradient with the shape of a circle:
