বিষয়বস্তুতে যান

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

লাইভ প্রিভিউ সহ সুন্দর CSS গ্র্যাডিয়েন্ট ভিজ্যুয়ালি তৈরি করুন। লিনিয়ার, রেডিয়াল এবং কনিক গ্র্যাডিয়েন্টের জন্য সমর্থন। কালার স্টপ যোগ করুন, অ্যাঙ্গেল সমন্বয় করুন। CSS কোড কপি করুন। বিনামূল্যে অনলাইন টুল।

গ্র্যাডিয়েন্ট ধরন
90°
কালার স্টপ
CSS আউটপুট
 

CSS গ্র্যাডিয়েন্ট কী?

CSS গ্র্যাডিয়েন্ট আপনাকে দুই বা ততোধিক নির্দিষ্ট রঙের মধ্যে মসৃণ ট্রানজিশন প্রদর্শন করতে দেয়। CSS তিন ধরনের গ্র্যাডিয়েন্ট প্রদান করে: linear-gradient (সরল রেখায় যায়), radial-gradient (কেন্দ্র বিন্দু থেকে বিকিরণ করে) এবং conic-gradient (কেন্দ্র বিন্দুর চারপাশে ঘোরে)।

গ্র্যাডিয়েন্ট ধরন

লিনিয়ার গ্র্যাডিয়েন্ট একটি কোণ দ্বারা সংজ্ঞায়িত সরল রেখা বরাবর রঙ ট্রানজিশন করে। রেডিয়াল গ্র্যাডিয়েন্ট কেন্দ্র বিন্দু থেকে বাইরের দিকে উপবৃত্তাকার বা বৃত্তাকার আকারে বিকিরণ করে। কনিক গ্র্যাডিয়েন্ট কেন্দ্র বিন্দুর চারপাশে রঙ ট্রানজিশন ঘোরায়, রঙ চাকার মতো।

কালার স্টপ

কালার স্টপ গ্র্যাডিয়েন্টের রঙ এবং গ্র্যাডিয়েন্ট লাইনে তাদের অবস্থান সংজ্ঞায়িত করে। জটিল বহু-রঙের গ্র্যাডিয়েন্ট তৈরি করতে আপনি একাধিক স্টপ যোগ করতে পারেন। প্রতিটি স্টপে একটি রঙ মান এবং একটি ঐচ্ছিক অবস্থান শতাংশ থাকে।

গোপনীয়তা

সমস্ত গ্র্যাডিয়েন্ট জেনারেশন 100% আপনার ব্রাউজারে চলে। কোনো ডেটা কোনো সার্ভারে পাঠানো হয় না।