CSS গ্রেডিয়েন্ট জেনারেটর অনলাইন — লিনিয়ার ও রেডিয়াল কালার ব্লেন্ড
আকর্ষণীয় লিনিয়ার ও রেডিয়াল কালার গ্রেডিয়েন্ট তৈরি করুন সহজে। ৩৬০ ডিগ্রি অ্যাঙ্গেল স্লাইডার এবং চমৎকার কালার প্রিসেট।
আপনার ব্রাউজারেই চলে। ফাইল আপনার ডিভাইসের বাইরে যায় না। যাচাই করার উপায় দেখুন
…
কীভাবে করবেন
- ১ধাপ ১: CSS লিনিয়ার ও রেডিয়াল গ্রেডিয়েন্ট স্টুডিও খুলুন ও আপনার তথ্য দিন
ঘরগুলোতে আপনার সংখ্যা, লেখা বা ফাইল দিন, অথবা প্রয়োজনীয় অপশন বেছে নিন। কোনো কিছু আপলোড হয় না, সব আপনার ব্রাউজারেই থাকে।
- ২ধাপ ২: CSS লিনিয়ার ও রেডিয়াল গ্রেডিয়েন্ট স্টুডিও যা করে
৩৬০ ডিগ্রি অ্যাঙ্গেল ডায়াল, মাল্টি-কালার স্টপ ও সানসেট-সাইবার প্রিসেট সহ গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড মেকার।
- ৩ধাপ ৩: ফলাফল দেখুন ও মিলিয়ে নিন
ফলাফল সঙ্গে সঙ্গে দেখা যায়। একটি মান বদলে দেখুন ফলাফল কীভাবে বদলায়, তারপর সবচেয়ে ঠিক সংখ্যাটি রেখে দিন।
- ৪ধাপ ৪: কপি বা সংরক্ষণ করুন
ফলাফল কপি করুন বা ডাউনলোড করুন। জরুরি সিদ্ধান্তের আগে সরকারি উৎস বা বিশেষজ্ঞের সাথে মিলিয়ে নিন।
এই টুল সম্পর্কে
প্লেইন ব্যাকগ্রাউন্ডকে করুন বর্ণিল ও আধুনিক। ৩টি ভিন্ন ভিন্ন কালার স্টপ, লিনিয়ার অ্যাঙ্গেল কন্ট্রোল এবং সার্কুলার রেডিয়াল মোড ব্যবহার করে আকর্ষণীয় গ্রেডিয়েন্ট ডিজাইন করুন। এক ক্লিকে সানসেট, ওশান বা সাইবার প্রিসেট বেছে নিন।
ভালো ফল পাওয়ার পরামর্শ
শুরুর আগে অপশনগুলো একবার পড়ে নিন এবং প্রথমে ছোট একটি নমুনা দিয়ে চেষ্টা করুন। সবকিছু আপনার ডিভাইসের ব্রাউজারে চলে, তাই আপনি যা লেখেন বা যোগ করেন তা আপলোড হয় না এবং ট্যাব বন্ধ করলে মুছে যায়। কিছু ঠিক না লাগলে পেজ রিলোড করে আবার চেষ্টা করুন, অথবা এই পেজের রিপোর্ট লিংক দিয়ে জানান, আমরা ঠিক করে দেব। ফল ঠিক না লাগলে একবারে একটি করে মান বদলে দেখুন কোন ঘরটি বেশি প্রভাব ফেলে। আবার দরকার হলে এই পেজটি বুকমার্ক করে রাখুন, পরের বার সরাসরি পৌঁছে যাবেন।
দ্রুত তথ্য
- বিভাগ: ছবি
- ব্রাউজারেই চলে, সাইন-আপ ও আপলোড লাগে না।
- আপনার দেওয়া তথ্য আপনার ডিভাইসেই থাকে।
- অনেক ভাষায় পাওয়া যায়।
- কনটেন্ট সর্বশেষ পর্যালোচনা:
প্রায় জিজ্ঞাসিত প্রশ্ন
লিনিয়ার ও রেডিয়াল গ্রেডিয়েন্টের পার্থক্য কী?
লিনিয়ার গ্রেডিয়েন্ট নির্দিষ্ট কোণে সোজা লাইনে কালার ব্লেন্ড করে, আর রেডিয়াল গ্রেডিয়েন্ট কেন্দ্র থেকে বৃত্তাকারে চারদিকে ছড়িয়ে পড়ে।
টেক্সটের মধ্যেও কি এই গ্রেডিয়েন্ট দেওয়া যায়?
হ্যাঁ, `background-clip: text; -webkit-text-fill-color: transparent;` ব্যবহার করে গ্রেডিয়েন্ট টেক্সট তৈরি করা যায়।
সব ব্রাউজারে কি কালার সঠিক থাকবে?
হ্যাঁ, এটি স্ট্যান্ডার্ড W3C কমপ্লায়েন্ট CSS তৈরি করে।
কাস্টম কালার কি নির্বাচন করা যায়?
হ্যাঁ, কালার পিকারের মাধ্যমে আপনার পছন্দের যেকোনো হেক্স কালার নির্ধারণ করতে পারেন।
