কম্পিউটার

CSS দিয়ে মাউসের উপর একটি ছবি ফ্লিপ করুন


একটি ইমেজ ফ্লিপ করতে ট্রান্সফর্ম সিএসএস প্রপার্টি ব্যবহার করুন। আপনি মাউসওভারে একটি ছবি ফ্লিপ করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন:

উদাহরণ

<!DOCTYPE html>
<html>
   <head>
      <style>
         .myimg:hover {
            transform: scaleX(-1);
         }
      </style>
   </head>
   <body>
      <h2>Heading One</h2>
      <p>Let's flip the image on mouse over:</p>
      <img class = "myimg" src = "https://www.tutorialspoint.com/python/images/python_data_science.jpg"
         alt = "Python Data Science" width = "300" height = "200">
   </body>
</html>


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

  2. মাউস ওভারে চিত্রের অস্বচ্ছতা পরিবর্তন করুন

  3. কিভাবে CSS দিয়ে একটি ফ্লিপ কার্ড তৈরি করবেন?

  4. কিভাবে CSS দিয়ে একটি ফ্লিপ বক্স তৈরি করবেন?