Preview

উত্পন্ন সিএসএস

background: linear-gradient(135deg, #4F46E5, #8B5CF6);

গ্রেডিয়েন্ট নিয়ন্ত্রণ

135°
0%
100%

জনপ্রিয় প্রিসেট

গ্রেডিয়েন্ট উদাহরণগুলি

এই অত্যাশ্চর্য গ্রেডিয়েন্ট উদাহরণগুলি অন্বেষণ করুন এবং আপনার পরবর্তী প্রকল্পের জন্য অনুপ্রাণিত হন। এটি জেনারেটরে লোড করতে যে কোনও গ্রেডিয়েন্টে ক্লিক করুন।

সূর্যাস্ত ব্লাশ সুন্দর

সূর্যাস্ত দ্বারা অনুপ্রাণিত একটি উষ্ণ গ্রেডিয়েন্ট।

সমুদ্রের বাতাস

উপকূলীয় জলের অনুভূতি উদ্দীপিত একটি শান্ত গ্রেডিয়েন্ট।

পুদিনা ফিউশন

পুদিনা এবং আকাশ নীল সংমিশ্রণ একটি তাজা এবং আধুনিক গ্রেডিয়েন্ট।

লুশ গার্ডেন প্রকৃতির

সৌন্দর্যের প্রতিনিধিত্বকারী একটি প্রাণবন্ত গ্রেডিয়েন্ট।

মহাজাগতিক স্বপ্ন

রাতের আকাশ দ্বারা অনুপ্রাণিত একটি মায়াবী গ্রেডিয়েন্ট।

গোল্ডেন আওয়ার গোধূলির

সারাংশ ক্যাপচার একটি উষ্ণ গ্রেডিয়েন্ট।

গ্রেডিয়েন্ট ডকুমেন্টেশন

সিএসএস গ্রেডিয়েন্ট কি?

সিএসএস গ্রেডিয়েন্টগুলি আপনাকে দুই বা ততোধিক রঙের মধ্যে মসৃণ রূপান্তর প্রদর্শন করতে দেয়। এগুলি উপাদানগুলির পটভূমি হিসাবে ব্যবহার করা যেতে পারে এবং তিনটি ভিন্ন ধরণের মধ্যে আসতে পারে:

  • লিনিয়ার গ্রেডিয়েন্টস:একটি সরলরেখা বরাবর রূপান্তর রঙ।
  • রেডিয়াল গ্রেডিয়েন্টস:একটি কেন্দ্র বিন্দু থেকে বাইরের দিকে রূপান্তর রঙ।
  • শঙ্কু গ্রেডিয়েন্টস:একটি বৃত্তের কেন্দ্র বিন্দুর চারপাশে রূপান্তর রঙ।

গ্রেডিয়েন্ট

আপনি আমাদের সরঞ্জামটি ব্যবহার করে একটি গ্রেডিয়েন্ট তৈরি করার পরে, আপনি আপনার প্রকল্পগুলিতে সিএসএস কোডটি ব্যবহার করতে পারেন:

  1. জেনারেটর থেকে সিএসএস কোডটি অনুলিপি করুন।
  2. এটি আপনার সিএসএস ফাইলে আটকান, বা এটি আপনার এইচটিএমএল উপাদানগুলিতে ইনলাইন ব্যবহার করুন।
  3. ব্যবহার করে যে কোনও উপাদানটিতে গ্রেডিয়েন্ট প্রয়োগ করুনbackground property.
.my-element {
background: linear-gradient(135deg, #4F46E5, #8B5CF6);
}

  • জটিল গ্রেডিয়েন্ট প্রভাবের জন্য দুটির বেশি রঙ ব্যবহার করুন।
  • রূপান্তরগুলি কোথায় ঘটে তা নিয়ন্ত্রণ করতে রঙের অবস্থানগুলি সামঞ্জস্য করুন।
  • আরও সৃজনশীল প্রভাবের জন্য একাধিক গ্রেডিয়েন্ট একত্রিত করুন।
  • শঙ্কু গ্রেডিয়েন্টগুলির জন্য, কেন্দ্র পরিবর্তন করা আকর্ষণীয় নিদর্শন তৈরি করে।
  • পরে ব্যবহারের জন্য আপনার প্রিয় গ্রেডিয়েন্টগুলি সংরক্ষণ করুন।

ব্রাউজার সমর্থন

সিএসএস গ্রেডিয়েন্টগুলি আধুনিক ব্রাউজারগুলিতে ব্যাপকভাবে সমর্থিত। তবে ইন্টারনেট এক্সপ্লোরারের মতো পুরানো ব্রাউজারগুলি সেগুলি সঠিকভাবে রেন্ডার করতে পারে না। সর্বদা একটি ফলব্যাক রঙ সরবরাহ করুন:এই

.my-element {
background: #4F46E5; /* Fallback color */
background: linear-gradient(135deg, #4F46E5, #8B5CF6);
}

Chrome

26+

Firefox

16+

Safari

6.1+

Edge

12+

সরঞ্জামটি

আমাদের সিএসএস গ্রেডিয়েন্ট জেনারেটরটি ডেভেলপার এবং ডিজাইনারদের অনায়াসে সুন্দর গ্রেডিয়েন্ট তৈরি করতে সহায়তা করার জন্য ডিজাইন করা হয়েছে। আপনি কোনও ওয়েবসাইট, অ্যাপ্লিকেশনটিতে কাজ করছেন বা কেবল রঙ নিয়ে পরীক্ষা করতে চান না কেন, এই সরঞ্জামটি আপনার প্রকল্পের জন্য নিখুঁত গ্রেডিয়েন্ট তৈরি করা সহজ করে তোলে।

Features

করা সহজ

গ্রেডিয়েন্ট তৈরির জন্য স্বজ্ঞাত ইন্টারফেস

প্রতিক্রিয়াশীল ডিজাইন

সমস্ত স্ক্রিন আকারে পুরোপুরি কাজ করে।

কপি-পেস্ট প্রস্তুত তাত্ক্ষণিকভাবে

পরিষ্কার সিএসএস কোড পান।

প্রিসেট উপলব্ধ

সুন্দর পূর্বনির্ধারিত গ্রেডিয়েন্ট দিয়ে শুরু করুন।

Related Tools