LibraTool logoLibraTool

وړیا د CSS تدریجي رنگ تولیدونکی

د ژوندۍ مخکتنې سره خطي، شعاعي، او مخروطي CSS تدریجي رنگونه جوړ کړئ. CSS په یو کلیک کاپي کړئ.

یو ځل چې لوډ شي آفلاین کار کوي
background: linear-gradient(135deg, #14b8a6 0%, #6366f1 100%);
#14b8a60%
#6366f1100%

مخکینۍ ترتیبات

دا څنګه کار کوي

ډوبل جوړوونکی CSS ډوبل متنونه مستقیم براوزر کې جوړوي — هیڅ کتابتون، هیڅ سرور، هیڅ اپلوډ. یو لاسي-لیکل شوی فنکشن سم linear-gradient، radial-gradient، یا conic-gradient نحوی ستاسو رنګ ټکو او زاویي نه ریښتینې وخت کې راټولوي، بیا پایله ستاسو ټاکل شوي محصول موخې لپاره فارمیټوي.

  1. 1
    ټکي او لوری تنظیم کړئ
    تاسو د براوزر اصلي رنګ ټاکونکي سره 2 تر 6 رنګ ټکي ټاکئ، بیا هر ټکی د 0–100% محور په اوږدو کې د یوه لړ سلاید سره موقعیت لري. خطي او کونیک ډوبلونو لپاره تاسو هم یوه زاویه ټاکئ (0–360°)؛ رادیال ډوبلونو لپاره تاسو شکل ټاکئ (بیضوي یا دایره) او د اندازه کلیدي کلمه چې کنټرولوي ډوبل تر کومې ځایه غزیږي.
  2. 2
    buildCss ډوبل متن راټولوي
    هر بدلون کې، یو محلي buildCss فنکشن ستاسو پارامترونه سم CSS فنکشن کال ته یوځای کوي — لکه linear-gradient(135deg, #0ea5e9 0%, #14b8a6 100%). هیڅ کتابتون پکې شامل نه دی؛ متن ساده JavaScript ټمپلیټ منطق سره جوړیږي او مستقیم ټکي صف نه یوځای کیږي.
  3. 3
    ژوندۍ مخکتنه د ان‌لاین سبک له لارې رسمیږي
    راټول شوی ډوبل متن مستقیم یوه div عنصر ته د ان‌لاین شالید سبک په توګه پلي کیږي، نو براوزر خپل CSS انجن مخکتنه رسموي. هیڅ کینوس یا انځور پکې شامل نه دی — هغه څه چې تاسو یې وینئ لفظي CSS خصوصیت دی چې پلي کیږي.
  4. 4
    څلورو بڼو کې کاپي-چمتو محصول
    یو بڼه ټاکونکی همغه ډوبل متن ساده CSS (background: ...) ته، یو CSS-له-اصلي-بدیل بلاک ته، یو Tailwind دلخواه-ارزښت کلاس ته، یا یو SCSS متغیر اعلان ته بدلوي. Copy کیکاږل ټاکل شوی محصول کلیپبورډ ته د navigator.clipboard.writeText له لارې لیکي. اوسنی ډوبل هم URL هش کې کوډ کیږي نو تاسو یې بوکمارک یا شریکولی شئ.

اړوندې وسیلې

په مکرر ډول پوښتل شوې پوښتنې