د CSS ګراډینټ جوړونکی

یوازې رنګ او زاویه وټاکئ او د CSS ګراډینټ کوډ د مخکتنې سره یوځای جوړ کړئ

د اپډیټ معلوماتد CSS ګراډینټ جوړونکی زیات شو، رنګ او زاویه غوره کړئ ترڅو کوډ تولید شيد تازه معلوماتو لیدل

ځانګړتیاوې

مخکتنه او کوډ یوځای تازه کیږي

هر ځل چې رنګ یا زاویه بدلیږي، بڼه او CSS دواړه یوځای بدلیږي

د خطي، دایروي او مخروطي ملاتړ

د هر ډول لپاره زاویه، بڼه او مرکزي ځای په دقیق ډول ټاکلی شئ

تر 10 پورې رنګونه د سحب له لارې تنظیم کیدای شي

د رنګ ځای د بار له مخې د سحبولو او روڼوالی د سلایډر له لارې تنظیمیږي

8 ډوله نمونې او تصادفي جوړول

له مرسومو رنګونو یا تصادفي رنګونو نه پیل کړئ او بیا یې نور تنظیم کړئ

د کارولو طریقه

ډول وټاکئ

د ګراډینټ ډول له خطي، دایروي او مخروطي څخه وټاکئ

رنګونه وټاکئ

رنګ د کوډ یا نمونې له لارې وټاکئ، او د "رنګ زیاتول" په فشارولو سره نور رنګونه زیات کړئ او ځای او روڼوالی یې تنظیم کړئ

لور تنظیم کړئ

د خطي لپاره زاویه یا د لور تڼۍ، او د دایروي/مخروطي لپاره مرکزي ځای وټاکئ

کوډ کاپي کړئ

د "کاپي" تڼۍ په فشارولو سره یو کرښه CSS په خپل سټایل کې پیست کړئ

د کارولو بیلګې

د هیرو انځور شالید جوړول

د سایټ د سر یا تڼۍ شالید رنګ پرته له کوډ لیکلو ټاکل

د بلاګ سرلیک رنګ ټاکنه

له نمونو نه نږدې رنګ ټاکئ ترڅو د مقالې سرلیک شالید وتنظیم شي

پر انځور باندې پوښ

د کم روڼوالي سره رنګ کاروئ ترڅو پر انځور باندې نیمه روڼ طبقه جوړه شي

د څو رنګیزه ګراډینټ تنظیم

د 3 یا ډیرو رنګونو د پولو ځای د سحبولو له لارې کم کم نږدې کړئ

بنسټیز پوهه

د linear، radial او conic توپیر

د CSS ګراډینټ کې درې کړنې شته چې د رنګ بدلون ډول یې سره توپیر لري، او ټول یې د background ځانګړتیا کې لیکل کیږي.

linear-gradient：linear-gradient یو خطي ګراډینټ دی چې رنګ یې د ټاکلې زاویې له مخې د سیدهې کرښې په اوږدو کې بدلیږي.
radial-gradient：radial-gradient یو دایروي ګراډینټ دی چې رنګ یې د مرکزي ځای څخه بهر لور ته په دایره یا بیضوي بڼه خپریږي.
conic-gradient：conic-gradient یو مخروطي ګراډینټ دی چې رنګ یې د مرکزي ځای شاوخوا د ساعت لور ته په ګرځیدو سره بدلیږي.

د زاویې او لور کلیمو تړاو

د linear-gradient زاویه، چیرته چې 0deg له ښکته نه پورته لوري ته وي، د عددونو زیاتیدو سره د ساعت په لور ګرځي. زاویه د "to right" غوندې د لور کلیمو سره هم لیکل کیدای شي، 90deg د "to right" سره او 180deg د "to bottom" سره ورته لور لري.

د رنګ د تمامیدو ټکي او روڼوالي لیکلو طریقه

د رنګ د تمامیدو ټکی (کالر سټاپ) هغه ځای دی چې په ګراډینټ کې هغه رنګ ته ورسیږي، چیرته چې 0% پیل ټکی او 100% پای ټکی نشاندهي کوي. د بیلګې په توګه، "#3B82F6 0%, #8B5CF6 100%" د پیل آسماني نیلي رنګ څخه تر پای بنفشي رنګ پورې د بدلون ټاکنه ده.

#RRGGBB بڼه：#RRGGBB بڼه هغه د رنګ لیکلو طریقه ده چې د سور، شین او نیلي زور یې په هر یوه کې د دوه عددیزو 16 اساسه عددونو سره ښودل کیږي، او #FF0000 یو کاملاً ناروڼ سور رنګ ښیي.
rgba بڼه：rgba بڼه هغه د رنګ لیکلو طریقه ده چې د سور، شین او نیلي ارزښتونو (0 څخه تر 255) سره روڼوالی (0 څخه تر 1) زیاتوي، او د 0.5 روڼوالی نیمه روڼ رنګ ښیي.