RevealTheme logo

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

লিনিয়ার ও রেডিয়াল CSS গ্রেডিয়েন্ট তৈরি করুন। ভিজ্যুয়ালি রং বেছে নিন এবং জেনারেট হওয়া CSS কপি করুন।

background: linear-gradient(135deg, #535beb, #7c3aed);

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

CSS গ্রেডিয়েন্ট হল দুই বা ততোধিক রঙের মধ্যে রঙের ট্রানজিশন। লিনিয়ার গ্রেডিয়েন্ট একটি দিকে প্রবাহিত হয়; রেডিয়ালগুলি একটি বিন্দু থেকে ছড়িয়ে পড়ে। এই জেনারেটরটি সাধারণ ক্ষেত্রগুলি কভার করে; কাস্টম পজিশন সহ একাধিক স্টপের জটিল গ্রেডিয়েন্টের জন্য, সেগুলি ম্যানুয়ালি তৈরি করুন।

সচরাচর জিজ্ঞাসিত প্রশ্ন

গ্রেডিয়েন্ট কি কার্যকর?
হ্যাঁ: গ্রেডিয়েন্ট ছবির চেয়ে অনেক সাশ্রয়ী। এগুলি মান না হারিয়ে যেকোনো সাইজে স্কেল করে।
আমি কি গ্রেডিয়েন্ট অ্যানিমেট করতে পারি?
গ্রেডিয়েন্টের সরাসরি অ্যানিমেশন সমর্থিত নয়; JavaScript-এর মাধ্যমে গ্রেডিয়েন্টের প্রপার্টি অ্যানিমেট করুন বা background-position দিয়ে কৌশল ব্যবহার করুন।

সম্পর্কিত টুল

কালার কনভার্টার (HEX/RGB/HSL)

HEX, RGB এবং HSL ফরম্যাটের মধ্যে রং রূপান্তর করুন। দৃশ্যমানভাবে একটি রং বেছে নিন বা মানগুলি ম্যানুয়ালি লিখুন।

CSS Box Shadow জেনারেটর

ভিজ্যুয়ালি CSS box-shadow মান তৈরি করুন। রিয়েল টাইমে প্রিভিউ দেখুন এবং তৈরি করা CSS কপি করুন।

Cubic Bezier অ্যাক্সিলারেশন কার্ভ জেনারেটর

CSS-এর জন্য cubic-bezier অ্যাক্সিলারেশন কার্ভ তৈরি করুন। স্ট্যান্ডার্ড প্রিসেট অন্তর্ভুক্ত।

কালার প্যালেট জেনারেটর

যেকোনো বেস কালার থেকে সুসংগত কালার প্যালেট তৈরি করুন। কমপ্লিমেন্টারি, অ্যানালগাস, ট্রায়াডিক এবং মনোক্রোম্যাটিক স্কিম সমর্থন করে।

CSS Border Radius জেনারেটর

ভিজ্যুয়ালি জটিল CSS border-radius মান তৈরি করুন। প্রতিটি কোণের স্বাধীন নিয়ন্ত্রণ।

CSS Clamp() জেনারেটর

clamp() দিয়ে ফ্লুইড, রেসপন্সিভ CSS মান তৈরি করুন। ভিউপোর্ট রেঞ্জ জুড়ে ন্যূনতম ও সর্বোচ্চ সাইজের মধ্যে মসৃণভাবে স্কেল করে।

আপডেটের জন্য সাবস্ক্রাইব করুন

আমরা আপনার ইমেল বিক্রি করি না। আমরা স্প্যাম করি না।

© 2026 RevealTheme. All rights reserved.