Text Gradient
বর্তমানে টেক্সট গ্র্যাডিয়েন্ট এর মতো সুন্দর ট্রিক্সটা অনেক জায়গায় আপানারা দেখতে পারবেন... কিন্তু? কখনো কি ভেবে দেখেছেন এগুলা কীভাবে বানানো হয়? আসুন আমি আজকে আপনাদেরকে শিখাই ।
.text-gradient {
background: linear-gradient(-25deg, #5662f6 0%, #7fffd4 100%);
color: transparent;
background-clip: text;
}
এখানে দেখেন প্রথমে আমরা টেক্সটের ব্যাকগ্রাউন্ডে একটা গ্র্যাডিয়েন্ট দিয়েছি । তারপরে আমরা টেক্সট এর কালার টা TRANSPARENT করে দিব যাতে করে এটা না দেখা যায় ।
এর পরে আমরা background-clip প্রোপার্টি ব্যাবহার করে টেক্সট করে দিব যাতে করে ব্যাকগ্রাউন্ড এর যেই কালার আছে সেটা টেক্সট এর কালার এ চলে যায় ।
এমন আরো ৪টি ট্রিকস জানতে হলে নিচের ছবিতে ক্লিক করে দেখে নিন👇
Top comments (0)