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

দুই বা তিনটি কালার স্টপ দিয়ে সুন্দর লিনিয়ার এবং রেডিয়াল CSS গ্রেডিয়েন্ট তৈরি করুন। রিয়েল-টাইমে প্রিভিউ দেখুন এবং তাৎক্ষণিকভাবে CSS কপি করুন। কোনো সাইন-আপ নেই, সম্পূর্ণ ক্লায়েন্ট-সাইড।

কয়েক সেকেন্ডে একটি গ্রেডিয়েন্ট তৈরি করুন। দুই বা তিনটি রঙ বেছে নিন, লিনিয়ার বা রেডিয়াল নির্বাচন করুন, কোণ নির্ধারণ করুন এবং পেস্ট করার জন্য তৈরি CSS কপি করুন। সবকিছু আপনার ব্রাউজারে চলে — কিছুই আপলোড হয় না।

রঙ পরিবর্তন করার সাথে সাথে লাইভ প্রিভিউ আপডেট হয়।

CSS গ্রেডিয়েন্ট সম্পর্কে

লিনিয়ার বনাম রেডিয়াল

একটি লিনিয়ার গ্রেডিয়েন্ট একটি নির্দিষ্ট কোণে সরল রেখা বরাবর প্রবাহিত হয়। একটি রেডিয়াল গ্রেডিয়েন্ট কেন্দ্রবিন্দু থেকে বৃত্তাকারে বিস্তৃত হয়।

গ্রেডিয়েন্ট কোথায় সবচেয়ে ভালো কাজ করে

এগুলো অতিরিক্ত ইমেজ অ্যাসেট ছাড়াই বাটন, হিরো সেকশন, কার্ড এবং ব্যাকগ্রাউন্ডে গভীরতা যোগ করে — পৃষ্ঠাগুলোকে হালকা এবং দ্রুত রাখে।

chroma.js দিয়ে তৈরি — BSD লাইসেন্সের অধীনে একটি ওপেন-সোর্স লাইব্রেরি।

FAQ

আমি কি তিনটির বেশি রঙ ব্যবহার করতে পারি?
এই টুলটি সর্বোচ্চ তিনটি স্টপ সমর্থন করে। আরও প্রয়োজন হলে, আপনি অতিরিক্ত রঙের মান দিয়ে জেনারেট হওয়া CSS ম্যানুয়ালি বাড়াতে পারেন।
রেডিয়াল গ্রেডিয়েন্টের জন্য কি কোণ গুরুত্বপূর্ণ?
না — কোণ শুধু লিনিয়ার গ্রেডিয়েন্টে প্রযোজ্য। রেডিয়াল গ্রেডিয়েন্ট কেন্দ্র থেকে সমানভাবে ছড়িয়ে পড়ে।
আমার ছবি বা রঙের ডেটা কি আপলোড হয়?
না। সব প্রসেসিং আপনার ব্রাউজারে স্থানীয়ভাবে ঘটে।