CSS গ্রেডিয়েন্ট জেনারেটর

লাইভ প্রিভিউ এবং কপি-রেডি CSS সহ লিনিয়ার, রেডিয়াল এবং কনিক গ্রেডিয়েন্ট তৈরি করুন। স্টপ, কোণ এবং আকার সামঞ্জস্য করুন — তারপর আপনার স্টাইলশীটে পেস্ট করুন।

CSS Gradient Generator

Live

Type

Angle135°

Stop 1

Stop 2

Third color stopStop 3

CSS output

background: linear-gradient(135deg, #c026d3 0%, #fb923c 50%, #f43f5e 100%);

Key capabilities

লাইভ প্রিভিউ এবং কপি-রেডি CSS সহ লিনিয়ার, রেডিয়াল এবং কনিক গ্রেডিয়েন্ট তৈরি করুন।
আপনার ব্রাউজারে চলে
ব্যবহার করার জন্য বিনামূল্যে

কীভাবে ব্যবহার করবেন

গ্রেডিয়েন্টের ধরন এবং কোণ বা অবস্থান বেছে নিন।
রঙ স্টপ যোগ করুন বা সম্পাদনা করুন.
জেনারেট করা CSS কপি করুন।

How this tool works

গ্রেডিয়েন্টের ধরন এবং কোণ বা অবস্থান বেছে নিন।
রঙ স্টপ যোগ করুন বা সম্পাদনা করুন.
জেনারেট করা CSS কপি করুন।

Recommended settings

প্রথমে ডিফল্ট বিকল্পগুলি ব্যবহার করুন, তারপর প্রয়োজন হলে সামঞ্জস্য করুন

Supported formats

Text / on-page input

File size and limits

খুব জটিল মাল্টি-লেয়ার প্রিভিউ পুরানো ফোনে ধীরগতির মনে হতে পারে।

Privacy

রঙ এবং CSS জেনারেটর সম্পূর্ণরূপে আপনার ব্রাউজারে চলে। পূর্বরূপ এবং রূপান্তর আপনার শৈলী আপলোড না.

Common use cases

আপনার যখনই প্রয়োজন CSS গ্রেডিয়েন্ট জেনারেটর ব্যবহার করুন: লাইভ প্রিভিউ এবং কপি-রেডি CSS সহ লিনিয়ার, রেডিয়াল এবং কনিক গ্রেডিয়েন্ট তৈরি করুন।

Troubleshooting

প্রিভিউ পেস্ট করার পরে ভিন্ন দেখায়

আপনার পৃষ্ঠায় প্রতিযোগী CSS পরীক্ষা করুন (রিসেট, উত্তরাধিকারসূত্রে পাওয়া রং)। উত্পন্ন নিয়মটি প্রথমে একটি বিচ্ছিন্ন স্টাইলশীটে অনুলিপি করুন।

প্রশ্নোত্তর

এটি কি আমার সিএসএস আপলোড করে?

না। জেনারেটর এবং রূপান্তরকারী লাইভ প্রিভিউ সহ আপনার ব্রাউজারে চলে।

আমি একটি অ্যাকাউন্ট প্রয়োজন?

না। টুল খুলুন, নিয়ন্ত্রণ পরিবর্তন করুন এবং CSS কপি করুন।