চলুন সি এসএস এর সব কার্সর ইফেক্ট গুলো দেখে নেওয়া যাক………

সি এস এস ব্যবহার করে সহজেই বিভিন্ন উপাদানের জন্য বিভিন্ন ধরণের মাউস এর কার্সার ইফেক্ট তৈরি করা যায়। তাহলে মাউসটিকে ঐ উপাদানের উপর নিয়ে গেলে মাউস পয়েন্টারের আকৃতি পরিবর্তিত হবে।এজন্য স্ট্যাইল শীটে 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 করুন এবং দেখুন কেমন লাগে………….

কোন ভুল হলে ক্ষমার চখে দেখবেন ।

আমার একটা ছোট ব্লগ আছে । আশা করি সবাই একবার ঘুরে আসবেন , আমার ব্লগ এ ।

আর আমার Blog এ post করার দাওয়াত থাকলো ।


একই সাথে Techgolpo.com এ প্রকাশীত ।

Level 0

আমি ইসতিয়াক আহমেদ নাঈম। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 10 বছর 3 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 88 টি টিউন ও 115 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


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


টিউমেন্টস

Level 0

ভাল লাগলো, css3 এর পুরোপুরি বাংলা টিউটোরিয়াল pdf file থাকলে দিবেন, প্লিজ।