Elementor Gradient Multi Color | ৩ রংরের গ্রেডিয়েন্ট এলিমেন্টর

 

3 Color Gradient Elementor (Free) Elementor Gradient Background 3 colors

 ৩ রংরের গ্রেডিয়েন্ট এলিমেন্টর

শিখুন কিভাবে 3 কালার গ্রেডিয়েন্ট এলিমেন্টর (প্রো বা বিনামূল্যে) এ ব্যবহার করুন! এই টিউটোরিয়ালটি আপনাকে দেখাবে কিভাবে এলিমেন্টর গ্রেডিয়েন্ট ব্যাকগ্রাউন্ডে ৩টি বা ৪টি রং যুক্ত করতে হয়। 

সাধারণত, এলিমেন্টরে শুধুমাত্র 2টি গ্রেডিয়েন্ট মাল্টি কালার তৈরি করা সম্ভব, কিন্তু এই ভিডিওতে, আমি আপনাকে দেখাব কিভাবে এই কৌশলটি আপনাকে আপনার ব্যাকগ্রাউন্ডে বা একটি বোতামে 3, 4 এবং 5টি রঙ অর্জন করতে সাহায্য করতে পারে।

কিভাবে করব।

১) কন্টেইনারে ১ টি HTML বক্স নিন। সেখানে নিচের CSS / Style কোড দিয়ে দিন।  CSS Class এর একটি নাম দিন। এখানে নাম দেয়া হয়েছে color-3blue ।এরপর gradient কালার ঠিক করুন। ডান দিক থেকে কালার গুলা থাকবে(to right)। এখানে white,blue,white দেয়া হয়েছে। আপনি চাইলে কালার কোড দিতে পারেন। যেমনঃ (to right,white,#077B56,white);

<style>

.color-3blue {

background-image: linear-gradient(to right,white,blue,white);

}

</style>

২)  এরপর Mother Container Select করুন। সেখানে এডভান্স এ CSS Class এ গিয়ে উপরের দেয়া নাম দিয়ে দিন। আমার দেয়া নাম color-3blue 

৩) এরপর ব্রাউজারে গিয়ে লাইভ দেখুন

Use this for 4 color gradient :

<style>
.color-4 {

background-image: linear-gradient(to right,violet,indigo,yellow,red);

}

</style>

Add color gradient to text | টেক্সট কালার করুন

<span style="background: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;">

3 color text

</span>