TEXT এ গ্র্যাডিয়েন্ট লাগান CSS এর মাধ্যমে ।

Text Gradient

বর্তমানে টেক্সট গ্র্যাডিয়েন্ট এর মতো সুন্দর ট্রিক্সটা অনেক জায়গায় আপানারা দেখতে পারবেন... কিন্তু? কখনো কি ভেবে দেখেছেন এগুলা কীভাবে বানানো হয়? আসুন আমি আজকে আপনাদেরকে শিখাই ।

.text-gradient {
  background: linear-gradient(-25deg, #5662f6 0%, #7fffd4 100%);
  color: transparent;
  background-clip: text;
}

এখানে দেখেন প্রথমে আমরা টেক্সটের ব্যাকগ্রাউন্ডে একটা গ্র্যাডিয়েন্ট দিয়েছি । তারপরে আমরা টেক্সট এর কালার টা TRANSPARENT করে দিব যাতে করে এটা না দেখা যায় ।
এর পরে আমরা background-clip প্রোপার্টি ব্যাবহার করে টেক্সট করে দিব যাতে করে ব্যাকগ্রাউন্ড এর যেই কালার আছে সেটা টেক্সট এর কালার এ চলে যায় ।

এমন আরো ৪টি ট্রিকস জানতে হলে নিচের ছবিতে ক্লিক করে দেখে নিন👇