Preview
উত্পন্ন সিএসএস
গ্রেডিয়েন্ট নিয়ন্ত্রণ
জনপ্রিয় প্রিসেট
গ্রেডিয়েন্ট উদাহরণগুলি
এই অত্যাশ্চর্য গ্রেডিয়েন্ট উদাহরণগুলি অন্বেষণ করুন এবং আপনার পরবর্তী প্রকল্পের জন্য অনুপ্রাণিত হন। এটি জেনারেটরে লোড করতে যে কোনও গ্রেডিয়েন্টে ক্লিক করুন।
সূর্যাস্ত ব্লাশ সুন্দর
সূর্যাস্ত দ্বারা অনুপ্রাণিত একটি উষ্ণ গ্রেডিয়েন্ট।
সমুদ্রের বাতাস
উপকূলীয় জলের অনুভূতি উদ্দীপিত একটি শান্ত গ্রেডিয়েন্ট।
পুদিনা ফিউশন
পুদিনা এবং আকাশ নীল সংমিশ্রণ একটি তাজা এবং আধুনিক গ্রেডিয়েন্ট।
লুশ গার্ডেন প্রকৃতির
সৌন্দর্যের প্রতিনিধিত্বকারী একটি প্রাণবন্ত গ্রেডিয়েন্ট।
মহাজাগতিক স্বপ্ন
রাতের আকাশ দ্বারা অনুপ্রাণিত একটি মায়াবী গ্রেডিয়েন্ট।
গোল্ডেন আওয়ার গোধূলির
সারাংশ ক্যাপচার একটি উষ্ণ গ্রেডিয়েন্ট।
গ্রেডিয়েন্ট ডকুমেন্টেশন
সিএসএস গ্রেডিয়েন্ট কি?
সিএসএস গ্রেডিয়েন্টগুলি আপনাকে দুই বা ততোধিক রঙের মধ্যে মসৃণ রূপান্তর প্রদর্শন করতে দেয়। এগুলি উপাদানগুলির পটভূমি হিসাবে ব্যবহার করা যেতে পারে এবং তিনটি ভিন্ন ধরণের মধ্যে আসতে পারে:
- লিনিয়ার গ্রেডিয়েন্টস:একটি সরলরেখা বরাবর রূপান্তর রঙ।
- রেডিয়াল গ্রেডিয়েন্টস:একটি কেন্দ্র বিন্দু থেকে বাইরের দিকে রূপান্তর রঙ।
- শঙ্কু গ্রেডিয়েন্টস:একটি বৃত্তের কেন্দ্র বিন্দুর চারপাশে রূপান্তর রঙ।
গ্রেডিয়েন্ট
আপনি আমাদের সরঞ্জামটি ব্যবহার করে একটি গ্রেডিয়েন্ট তৈরি করার পরে, আপনি আপনার প্রকল্পগুলিতে সিএসএস কোডটি ব্যবহার করতে পারেন:
- জেনারেটর থেকে সিএসএস কোডটি অনুলিপি করুন।
- এটি আপনার সিএসএস ফাইলে আটকান, বা এটি আপনার এইচটিএমএল উপাদানগুলিতে ইনলাইন ব্যবহার করুন।
- ব্যবহার করে যে কোনও উপাদানটিতে গ্রেডিয়েন্ট প্রয়োগ করুন
backgroundproperty.
background: linear-gradient(135deg, #4F46E5, #8B5CF6);
}
- জটিল গ্রেডিয়েন্ট প্রভাবের জন্য দুটির বেশি রঙ ব্যবহার করুন।
- রূপান্তরগুলি কোথায় ঘটে তা নিয়ন্ত্রণ করতে রঙের অবস্থানগুলি সামঞ্জস্য করুন।
- আরও সৃজনশীল প্রভাবের জন্য একাধিক গ্রেডিয়েন্ট একত্রিত করুন।
- শঙ্কু গ্রেডিয়েন্টগুলির জন্য, কেন্দ্র পরিবর্তন করা আকর্ষণীয় নিদর্শন তৈরি করে।
- পরে ব্যবহারের জন্য আপনার প্রিয় গ্রেডিয়েন্টগুলি সংরক্ষণ করুন।
ব্রাউজার সমর্থন
সিএসএস গ্রেডিয়েন্টগুলি আধুনিক ব্রাউজারগুলিতে ব্যাপকভাবে সমর্থিত। তবে ইন্টারনেট এক্সপ্লোরারের মতো পুরানো ব্রাউজারগুলি সেগুলি সঠিকভাবে রেন্ডার করতে পারে না। সর্বদা একটি ফলব্যাক রঙ সরবরাহ করুন:এই
background: #4F46E5; /* Fallback color */
background: linear-gradient(135deg, #4F46E5, #8B5CF6);
}
Chrome
26+
Firefox
16+
Safari
6.1+
Edge
12+
সরঞ্জামটি
আমাদের সিএসএস গ্রেডিয়েন্ট জেনারেটরটি ডেভেলপার এবং ডিজাইনারদের অনায়াসে সুন্দর গ্রেডিয়েন্ট তৈরি করতে সহায়তা করার জন্য ডিজাইন করা হয়েছে। আপনি কোনও ওয়েবসাইট, অ্যাপ্লিকেশনটিতে কাজ করছেন বা কেবল রঙ নিয়ে পরীক্ষা করতে চান না কেন, এই সরঞ্জামটি আপনার প্রকল্পের জন্য নিখুঁত গ্রেডিয়েন্ট তৈরি করা সহজ করে তোলে।
Features
করা সহজ
গ্রেডিয়েন্ট তৈরির জন্য স্বজ্ঞাত ইন্টারফেস
প্রতিক্রিয়াশীল ডিজাইন
সমস্ত স্ক্রিন আকারে পুরোপুরি কাজ করে।
কপি-পেস্ট প্রস্তুত তাত্ক্ষণিকভাবে
পরিষ্কার সিএসএস কোড পান।
প্রিসেট উপলব্ধ
সুন্দর পূর্বনির্ধারিত গ্রেডিয়েন্ট দিয়ে শুরু করুন।
Related Tools
স্পিড ইউনিট কনভার্টার
আপনার প্রকৌশল, বৈজ্ঞানিক এবং দৈনন্দিন প্রয়োজনের জন্য নির্ভুলতার সাথে গতির বিভিন্ন ইউনিটের মধ্যে রূপান্তর করুন
SHA-1 হ্যাশ ক্যালকুলেটর
আপনার Sass কোডকে CSS এ রূপান্তর করুন। দ্রুত, সহজ এবং নিরাপদ।
CSS বিউটিফায়ার
মসৃণ অস্বচ্ছতা রূপান্তর
CSS মিনিফায়ার
পেশাদার নির্ভুলতার সাথে আপনার CSS কোড ফর্ম্যাট করুন এবং সুন্দর করুন
ওয়ার্লপুল হ্যাশ ক্যালকুলেটর
আমাদের সঠিক শব্দ কাউন্টার টুল দিয়ে আপনার টেক্সট সম্পর্কে বিস্তারিত পরিসংখ্যান পান।
অনায়াসে সুন্দর CSS টেক্সট গ্রেডিয়েন্ট তৈরি করুন
আপনার ওয়েবসাইটের স্ক্রলবারগুলি সহজেই কাস্টমাইজ করুন