কম্পিউটার টিউটোরিয়াল

মাউস হভার (hover) করলে লিংকের রঙ পরিবর্তন করা

মাউস পয়েন্টার লিংকের ওপর আনলে লিংকের রঙ পরিবর্তন করতে :hover pseudo-class ব্যবহার করা হয়।

উদাহরণ

নিচের কোডটি রান করে লিংকের রঙ পরিবর্তন করার পদ্ধতি শিখুন:

<html>
  <head>
    <style>
      a:hover {
        color: #FFCC00;
      }
    </style>
  </head>
  <body>
    <a href="">My Link</a>
  </body>
</html>

টিপস: :hover শুধু লিংকে নয়, যেকোনো এলিমেন্টে ব্যবহার করা যায় (যেমন: বাটন, কার্ড, ডিভ)। 트ানজিশন (transition) যোগ করলে স্মুথ ইফেক্ট পাওয়া যায়।

  1. iOS-এ বাটন ক্লিক করলে ব্যাকগ্রাউন্ড রঙ পরিবর্তন করা

  2. উইন্ডোজ ১০-এ মাউস পয়েন্টারের রঙ ও আকার পরিবর্তনের ৫টি উপায়

  3. Tkinter-এ মাউস পয়েন্টারের রঙ পরিবর্তন করা

  4. স্যামসাং কীবোর্ডের রঙ পরিবর্তন করার ৪ উপায়