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

linear, radial এবং conic-এর পার্থক্য

CSS-এর গ্রেডিয়েন্ট রঙ পরিবর্তন প্রণালী আলাদা 3টি ফাংশন রয়েছে, সব background প্রপার্টিতে লিখে ব্যবহার করা হয়।

• linear-gradient：linear-gradient নির্দিষ্ট কোণের সরলরেখায় রঙ পরিবর্তিত রৈখিক গ্রেডিয়েন্ট।
• radial-gradient：radial-gradient কেন্দ্র অবস্থান থেকে বাইরের দিকে বৃত্ত বা উপবৃত্ত আকারে রঙ ছড়ায় বৃত্তাকার গ্রেডিয়েন্ট।
• conic-gradient：conic-gradient কেন্দ্র অবস্থানের চারপাশে ঘড়ির কাঁটার দিকে একবার ঘুরে রঙ পরিবর্তিত শঙ্কুকার গ্রেডিয়েন্ট।

কোণ এবং দিক কীওয়ার্ড-এর সংযোগ

linear-gradient-এর কোণ 0deg নিচ থেকে উপর-এর দিক, সংখ্যা বৃদ্ধি পেলে ঘড়ির কাঁটার দিকে ঘোরে। কোণ "to right" মতো দিক কীওয়ার্ড দিয়েও লেখা যায়, 90deg "to right"-এর সাথে, 180deg "to bottom"-এর সাথে একই দিক।

রঙ থামার পয়েন্ট এবং স্বচ্ছতার লেখার পদ্ধতি

রঙ থামার পয়েন্ট (কালার স্টপ) গ্রেডিয়েন্ট-এর মধ্যে সেই রঙ হওয়ার অবস্থান, 0% শুরু বিন্দু, 100% শেষ বিন্দু প্রতিনিধিত্ব করে। উদাহরণস্বরূপ "#3B82F6 0%, #8B5CF6 100%" শুরু-এর নীল থেকে শেষ-এর বেগুনি রঙ পরিবর্তিত নির্দিষ্টকরণ।

• #RRGGBB রূপ：#RRGGBB রূপ লাল, সবুজ, নীল-এর শক্তি 2 অঙ্কের 16 সংখ্যা-ভিত্তিক সংখ্যা দ্বারা প্রকাশ করা রঙের লেখার পদ্ধতি, #FF0000 অস্বচ্ছ লাল প্রতিনিধিত্ব করে।
• rgba রূপ：rgba রূপ লাল, সবুজ, নীল-এর মান (0～255) স্বচ্ছতা (0～1) যোগ করা রঙের লেখার পদ্ধতি, স্বচ্ছতা 0.5 অর্ধ-স্বচ্ছ রঙ প্রতিনিধিত্ব করে।