ওয়েব সাইটে কাষ্টম মাউস পয়েন্টার, খুবই সহজ ১ লাইন কোড মাত্র

খুব সুন্দর অথচ অনেক সহজ একটি টিপস শেয়ার করবো সবার সাথে। কিছুদিন আগে একটি ওয়েব সাইটে দেখলাম তাদের ওয়েব সাইটে মাউস পয়েন্টার টা ব্যতিক্রম।

ভালো লাগলো,  হাতে একটা ওয়েব সাইট ডিজাইনের কাজ চলছিলো আর ঐ কাজটিতে এটি ব্যবহারের একটা সুযোগ পেলাম, কেননা ক্লায়েন্টের লোগোর একটা অংশ হলো একটা পাখি, ভাবলাম পাখিটাকে মাউস পয়েন্টার বানালে খারাপ হয়না। হুম পরে অবশ্য ক্লায়েন্টো খুশি 😆

আমার ধারনা হলো কিছু লাইন কোড হয়তো লাগবে সেই সাথে নিশ্চই jquery ব্যবহার করা হয়েছে, অথচ খুজে পেলাম মাত্র একটি লাইনের CSS ই যথেষ্ট

কিভাবে করবেন

আপনি যেমনটি আপনার মাউস পয়েন্টার চাচ্ছেন সেটির একটি .PNG ছবি বানিয়ে ফেলুন , .PNG অথবা .CUR [ cursor file ] বানাবেন এই জন্য যে তাহলে সেটি আপনার ওয়েব সাইটের যেকোন ব্যাকগ্রাউন্ডে ম্যাচ করবে।

কোড

নিচের কোডটি আপনার CSS ফাইল যুক্ত করুন

cursor:url(cursor_main.png), default;

পরামর্শ, মন্তব্য, সমালোচনা সব কিছু জানান, যারা বেশ খারাপ খারাপ মন্তব্য করতে like করেন  😀 তাদের বলছি

আপনার ব্যক্তিত্ব, আপনার সম্মান আপনার হাতে সেটিকে সমুন্বত রাখবেন নাকি পায়ের নিচে ফেলবেন সে সিদ্ধান্ত আপনার।

Level 0

আমি সামির কবির। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 5 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 30 টি টিউন ও 130 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

Freelancer web designer !


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

vai, animated cursor (.ani) ki hobe??