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

CSS transform প্রপার্টি দিয়ে ২D বা ৩D ট্রান্সফর্মেশন প্রয়োগ করুন


CSS-এ transform প্রপার্টি ব্যবহার করে এলিমেন্টে ২D বা ৩D ট্রান্সফর্মেশন প্রয়োগ করুন। এলিমেন্ট ঘুরানোর জন্য নিচের কোডটি চালাতে পারেন:

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 200px;             height: 100px;             background-color: gray;             transform: rotate(10deg);          }       </style>    </head>    <body>       <h1>Rotation</h1>      <div>Demo</div>    </body> </html>

  1. CSS দিয়ে স্ক্রোলবার লুকানো

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

  3. CSS ব্যবহার করে একটি এলিমেন্টকে সার্কুলার পাথে সরানো

  4. CSS offset-path (Motion Path) ব্যবহার করে এলিমেন্টকে সার্কুলার পাথে সরানো