CSS গ্রেডিয়েন্ট জেনারেটর
একাধিক কালার স্টপ সহ লিনিয়ার, রেডিয়াল ও কনিক CSS গ্রেডিয়েন্ট তৈরি করুন এবং কোড কপি করুন।
background: —;
সবকিছু আপনার ব্রাউজারেই চলে — কোনো আপলোড নেই, সাইন-আপ নেই।
CSS গ্রেডিয়েন্ট জেনারেটর সম্পর্কে
CSS Gradient Generator পূর্ণ ভিজ্যুয়াল নিয়ন্ত্রণ সহ linear, radial এবং conic গ্রেডিয়েন্ট তৈরি করে। গ্রেডিয়েন্ট বার ক্লিক করে কালার স্টপ যোগ করুন, সেগুলো টেনে পুনঃস্থাপন করুন, এবং প্রতিটি স্টপকে নিজস্ব রঙ, অপাসিটি ও অবস্থান দিন। Linear গ্রেডিয়েন্ট একটি কোণ নিয়ন্ত্রণ পায়; radial-গুলো একটি শেপ (circle বা ellipse) ও অবস্থান; conic-গুলো একটি শুরুর কোণ।
লাইভ প্রিভিউ ঠিক দেখায় ব্রাউজার কী রেন্ডার করবে, এবং একটি র্যান্ডমাইজ বাটন সহ কিউরেটেড প্রিসেটের একটি সেট থাকে যখন আপনার একটি খালি ক্যানভাসের বদলে শুরুর বিন্দু দরকার। স্টপগুলো স্বাধীনভাবে যোগ ও বাদ দেওয়া যায় — একটি গ্রেডিয়েন্টের অন্তত দুটি লাগে।
ঠিক মনে হলে, খালি গ্রেডিয়েন্ট মান বা একটি সম্পূর্ণ CSS নিয়ম কপি করুন। জেনারেটরটি সম্পূর্ণভাবে আপনার ব্রাউজারে চলে, কোনো আপলোড বা সাইন-আপ ছাড়াই, যা এটিকে বাটন, হিরো পটভূমি, বর্ডার ও টেক্সট ইফেক্টের জন্য একটি দ্রুত সহায়ক করে তোলে।
CSS গ্রেডিয়েন্ট জেনারেটর কীভাবে ব্যবহার করবেন
- গ্রেডিয়েন্টের ধরন বেছে নিন: linear, radial বা conic।
- কোণ (linear), শেপ ও অবস্থান (radial), বা শুরুর কোণ (conic) সেট করুন।
- কালার স্টপ যোগ করতে গ্রেডিয়েন্ট বার ক্লিক করুন এবং সেগুলো টেনে অবস্থানে নিন।
- প্রতিটি স্টপকে তার রঙ, অপাসিটি ও নির্দিষ্ট অবস্থান দিন।
- দ্রুত অনুপ্রেরণার জন্য প্রিসেট বা র্যান্ডমাইজ বাটন চেষ্টা করুন।
- গ্রেডিয়েন্ট মান বা সম্পূর্ণ CSS নিয়ম কপি করুন।