«

»

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

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


মন্তব্য দিনঃ

comments

About the author

jabir

Permanent link to this article: http://techtweets.com.bd/tutorials/jabir/61246

মন্তব্য করুন