খুব সুন্দর অথচ অনেক সহজ একটি টিপস শেয়ার করবো সবার সাথে। কিছুদিন আগে একটি ওয়েব সাইটে দেখলাম তাদের ওয়েব সাইটে মাউস পয়েন্টার টা ব্যতিক্রম।
ভালো লাগলো, হাতে একটা ওয়েব সাইট ডিজাইনের কাজ চলছিলো আর ঐ কাজটিতে এটি ব্যবহারের একটা সুযোগ পেলাম, কেননা ক্লায়েন্টের লোগোর একটা অংশ হলো একটা পাখি, ভাবলাম পাখিটাকে মাউস পয়েন্টার বানালে খারাপ হয়না। হুম পরে অবশ্য ক্লায়েন্টো খুশি 😆
আমার ধারনা হলো কিছু লাইন কোড হয়তো লাগবে সেই সাথে নিশ্চই jquery ব্যবহার করা হয়েছে, অথচ খুজে পেলাম মাত্র একটি লাইনের CSS ই যথেষ্ট
আপনি যেমনটি আপনার মাউস পয়েন্টার চাচ্ছেন সেটির একটি .PNG ছবি বানিয়ে ফেলুন , .PNG অথবা .CUR [ cursor file ] বানাবেন এই জন্য যে তাহলে সেটি আপনার ওয়েব সাইটের যেকোন ব্যাকগ্রাউন্ডে ম্যাচ করবে।
নিচের কোডটি আপনার CSS ফাইল যুক্ত করুন
cursor:url(cursor_main.png), default;
পরামর্শ, মন্তব্য, সমালোচনা সব কিছু জানান, যারা বেশ খারাপ খারাপ মন্তব্য করতে like করেন 😀 তাদের বলছি
আমি সামির কবির। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 5 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 30 টি টিউন ও 130 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
Freelancer web designer !
vai, animated cursor (.ani) ki hobe??