CSS Transform Property

আজকে আমরা Transform নিয় জানব। প্রথমে আসি Transform এর বাংলা অর্থ কি? কারন এটার অর্থের সাথে কাজের খানিকটা মিল আছে। Transform এর বাংলা হচ্ছে পরিবর্তন । সেটা যেকোন ধরনের পরিবর্তন হতে পারে যেমনঃ আকার, আকৃতি, স্থান অর্থাৎ তার স্বাভাবিক অবস্থান থেকে পরিবর্তন হবে। CSS এ গুলকে আমরা বলছি

  1. scale(value) /* Increase size*/
  2. rotate(deg) /* rotate */
  3. translate(px) /* position change*/
  4. skew(deg)
এগুলার সাথে আমরা X axis এবং Y axis value ব্যাবহার করতে পারি অর্থাৎ ডান দিকে বামদিকে সরাতে পারি।  একই সাথে দুটি প্রোপার্টি ব্যাবহার করতে চাইলে একসাথে লিখতে হবে। যেমনঃ Transform: translate() rotate();

একটা বিষয় খুব Intersiting তুমি Absolute, Relative এর পরিবর্তে Transform ব্যবহার করা যায়। তবে এখানে Display: none অথবা visibility: hidden; প্রোপার্টিগুল ব্যাবহার করতে হবে