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

CSS দিয়ে মিরর ইমেজ তৈরি করুন

ফ্লিপ ইফেক্ট ব্যবহার করে অবজেক্টের একটি মিরর ইমেজ তৈরি করা যায়। এই ফিল্টারে নিম্নলিখিত প্যারামিটারগুলো ব্যবহার করা যায়:

প্যারামিটার বিবরণ
FlipH হরিজন্টাল মিরর ইমেজ তৈরি করে
FlipV ভার্টিক্যাল মিরর ইমেজ তৈরি করে

উদাহরণ

নিচের কোডটি রান করে মিরর ইমেজ তৈরি করুন:

<html>
  <head></head>
  <body>
    <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: FlipH">
    <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: FlipV">
    <p>Text Example:</p>
    <div style="width: 300; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: FlipV">CSS Tutorials</div>
  </body>
</html>
  1. CSS দিয়ে স্টিকি ইমেজ তৈরি

  2. CSS দিয়ে কার্ড তৈরি করার পদ্ধতি

  3. CSS দিয়ে কুপন তৈরি করার পদ্ধতি

  4. CSS দিয়ে অ্যারো (Arrow) তৈরি