কম্পিউটার

CSS এর সাথে হভারেবল পেজিনেশন যোগ করুন


ব্যবহার করুন: হোভার হোভার প্রভাব যোগ করার জন্য নির্বাচক। আপনি CSS

এর সাথে ঘোরানো পৃষ্ঠায় যুক্ত করতে নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন

উদাহরণ

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            display: inline-block;
         }
         .demo a {
            color: red;
            padding: 5px 12px;
            text-decoration: none;
         }
         .demo a.active {  
            background-color: orange;
            color: white;
         }
         .demo a:hover:not(.active) {
            background-color: yellow;
         }
      </style>
   </head>
   <body>
      <h2>Our Quizzes</h2>
      <div class = "demo">
         <a href = "prev.html"><</a>
         <a href = "quiz1.html">Quiz1</a>
         <a href = "quiz2.html">Quiz2</a>
         <a href = "quiz3.html">Quiz3</a>
         <a href = "quiz4.html" class="active">Quiz4</a>
         <a href = "next.html">></a>
      </div>
   </body>
</html>

  1. CSS দিয়ে একটি বোতামে স্বচ্ছতা যোগ করুন

  2. কিভাবে CSS দিয়ে একটি Hoverable Sidenav তৈরি করবেন?

  3. কিভাবে সিএসএস দিয়ে একটি ছবিতে একটি বোতাম যোগ করবেন?

  4. কিভাবে CSS দিয়ে হোভারে ট্রানজিশন যোগ করবেন?