গ্রেডিয়েন্ট জেনারেটর
টেনে নেওয়া যায় এমন মাল্টি-স্টপ কন্ট্রোল ও কিউরেটেড প্রিসেট দিয়ে শুরু থেকে লিনিয়ার, রেডিয়াল ও কনিক CSS গ্রেডিয়েন্ট তৈরি করুন। তাৎক্ষণিকভাবে পেস্টযোগ্য CSS কপি করুন।
background: —;
সবকিছু আপনার ব্রাউজারে লাইভ গণনা করা হয় — কোনো সাইন-আপ নেই, সম্পূর্ণ বিনামূল্যে।
গ্রেডিয়েন্ট জেনারেটর সম্পর্কে
গ্র্যাডিয়েন্ট জেনারেটর শূন্য থেকে কাস্টম CSS গ্র্যাডিয়েন্ট তৈরি করে। একটি linear, radial বা conic ধরন বেছে নিন, কোণ সেট করুন, এবং একটি মাল্টি-স্টপ এডিটর দিয়ে ব্লেন্ডটি আকার দিন: স্টপ সরাতে হ্যান্ডেল ড্র্যাগ করুন, নতুন স্টপ যোগ করতে বার ক্লিক করুন, এবং পিকার দিয়ে যেকোনো স্টপের রঙ বদলান — লাইভ প্রিভিউ আপনার কাজ করার সাথে সাথে আপডেট হয়।
যখন আপনি একেবারে শূন্য থেকে শুরু করতে চান না, তখন কিউরেটেড প্রিসেট একটি ভালো শুরুর পয়েন্ট দেয়, এবং এক-ক্লিক অ্যাকশন — random, reverse, rotate 45° — অন্বেষণ দ্রুত করে তোলে। তৈরি হওয়া CSS সবসময় দৃশ্যমান থাকে এবং প্রিভিউয়ের সাথে সিঙ্কে থাকে, তাই আপনি যা কপি করেন তা ঠিক যা দেখেছেন তাই।
সবকিছু আপনার ব্রাউজারে বিনামূল্যে লাইভ হিসাব করা হয়। সম্পূর্ণ CSS রুল বা শুধু ব্যাকগ্রাউন্ড মান কপি করুন এবং একটি স্টাইলশিট, বাটন স্টাইল বা হিরো সেকশনে পেস্ট করুন — ব্যাকগ্রাউন্ড, ওভারলে ও UI অ্যাকসেন্টের জন্য একটি সহজবোধ্য CSS গ্র্যাডিয়েন্ট জেনারেটর।
গ্রেডিয়েন্ট জেনারেটর কীভাবে ব্যবহার করবেন
- একটি গ্র্যাডিয়েন্ট ধরন বেছে নিন: linear, radial বা conic।
- একটি প্রিসেট থেকে শুরু করুন বা তাৎক্ষণিক শুরুর পয়েন্টের জন্য "Random"-এ ক্লিক করুন।
- রঙ বসাতে স্টপ হ্যান্ডেল ড্র্যাগ করুন, স্টপ যোগ করতে বার ক্লিক করুন, এবং প্রতিটি স্টপের রঙ এডিট করুন।
- কোণ সমন্বয় করুন, বা ব্লেন্ডটি পুনর্নির্দেশ করতে "Reverse" এবং "Rotate 45°" ব্যবহার করুন।
- CSS রুল বা ব্যাকগ্রাউন্ড মান কপি করুন এবং আপনার প্রজেক্টে পেস্ট করুন।