সি এস এস ব্যবহার করে সহজেই বিভিন্ন উপাদানের জন্য বিভিন্ন ধরণের মাউস এর কার্সার ইফেক্ট তৈরি করা যায়। তাহলে মাউসটিকে ঐ উপাদানের উপর নিয়ে গেলে মাউস পয়েন্টারের আকৃতি পরিবর্তিত হবে।এজন্য স্ট্যাইল শীটে Declaration করতে হবে cursor:move এর অনুরূপ। এখানে move এর পরিবর্তে auto, crosshair, e-resize, move,default,help,n-resize,ne-resize,nw-resize,pointer, wait ,progress,s-resize, se-resize,sw-resize, w-resize ,text ব্যবহার করা যাবে।
<html>
<head>
<title> Techgolpo</title>
<style>
body{background:#FFD;
font-family:Arial, Helvetica, sans-serif;
color:#066;}
</style>
</head>
<body >
<h2 style=”cursor:auto”>Touche me and see auto mouse effect</h2>
<h2 style=”cursor:help”>Touche me and see help mouse effect</h2>
<h2 style=”cursor:s-resize”>Touche me and see s-resize mouse effect</h2>
<h2 style=”cursor:e-resize”>Touche me and see e-resize mouse effect</h2>
<h2 style=”cursor:progress”>Touche me and see progress mouse effect</h2>
<h2 style=”cursor:move”>Touche me and see move mouse effect</h2>
<h2 style=”cursor:crosshair”>Touche me and see crosshair mouse effect</h2>
<h2 style=”cursor:default”>Touche me and see default mouse effect</h2>
<h2 style=”cursor:wait”>Touche me and see wait mouse effect</h2>
<h2 style=”cursor:n-resize”>Touche me and see n-resize mouse effect</h2>
<h2 style=”cursor:nw-resize”>Touche me and see nw-resize mouse effect</h2>
<h2 style=”cursor:ne-resize”>Touche me and see ne-resize mouse effect</h2>
<h2 style=”cursor:pointer”>Touche me and see pointer mouse effect</h2>
<h2 style=”cursor:se-resize”>Touche me and see se-resize mouse effect</h2>
<h2 style=”cursor:sw-resize”>Touche me and see sw-resize</h2>
<h2 style=”cursor:text”>Touche me and see text mouse effect</h2>
<h2 style=”cursor:w-resize”>Touche me and see w-resize mouse effect</h2>
</body>
</html>
একটা নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করুন এবং দেখুন কেমন লাগে………….
কোন ভুল হলে ক্ষমার চখে দেখবেন ।
আমি ইসতিয়াক আহমেদ নাঈম। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 9 বছর 7 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 88 টি টিউন ও 115 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
ভাল লাগলো, css3 এর পুরোপুরি বাংলা টিউটোরিয়াল pdf file থাকলে দিবেন, প্লিজ।