স্টাইল ট্রান্সফরম প্রত্যয়

বিবরণ ও ব্যবহার

transform প্রত্যয় বা 3D ট্রান্সফরমেশন ইলেমেন্ট প্রয়োগ করুন। এই প্রত্যয় আপনাকে ইলেমেন্টকে রোটেশন, সমতলতা, সরণ, টাইপ করতে দেয়।

অন্যান্য পড়ার সূত্র

CSS রেফারেন্স ম্যানুয়েলtransform অপেশন

প্রয়োগ

রোটেশন ডিভ ইলেমেন্ট

document.getElementById("myDIV").style.transform = "rotate(7deg)";

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

বিন্যাস

transform অপেশন ফলাফল নির্ধারণ করুন:

object.style.transform

transform অপেশন নির্ধারণ করুন:

object.style.transform = "none|transform-functions|initial|inherit"

অপেশন মান

মান বর্ণনা
none কোনও ট্রান্সফর্ম নেই
matrix(n, n, n, n, n, n) ছয়টি মানের ম্যাট্রিক্স ব্যবহার করে দুইমাত্রিক ট্রান্সফর্ম নির্ধারণ করুন
matrix3d(n, n, n, n, etc....) 16টি মানের 4x4 ম্যাট্রিক্স ব্যবহার করে 3D ট্রান্সফর্ম নির্ধারণ করুন
translate(x, y) 2D স্থানান্তর নির্ধারণ করুন
translate3d(x, y, z) 3D স্থানান্তর নির্ধারণ করুন
translateX(x) স্থানান্তর, শুধুমাত্র X-অক্ষের মান ব্যবহার করুন
translateY(y) স্থানান্তর, শুধুমাত্র Y-অক্ষের মান ব্যবহার করুন
translateZ(z) 3D স্থানান্তর, শুধুমাত্র Z-অক্ষের মান ব্যবহার করুন
scale(x, y) 2D পরিমাপ ট্রান্সফর্ম নির্ধারণ করুন
scale3d(x, y, z) 3D পরিমাপ ট্রান্সফর্ম নির্ধারণ করুন
scaleX(x) X-অক্ষের মান দিয়ে পরিমাপ ট্রান্সফর্ম নির্ধারণ করুন
scaleY(y) Y-অক্ষের মান দিয়ে পরিমাপ ট্রান্সফর্ম নির্ধারণ করুন
scaleZ(z) Z-অক্ষের মান দিয়ে 3D পরিমাপ ট্রান্সফর্ম নির্ধারণ করুন
rotate(angle) প্রামাণ্য মানের প্রতিবেদন দিয়ে 2D রোটেশন নির্ধারণ করুন
rotate3d(x, y, z, angle) 3D রোটেশন নির্ধারণ করুন
rotateX(angle) X-অক্ষের ওপর 3D রোটেশন নির্ধারণ করুন
rotateY(angle) Y-অক্ষের ওপর 3D রোটেশন নির্ধারণ করুন
rotateZ(angle) Z-অক্ষের ওপর 3D রোটেশন নির্ধারণ করুন
skew(x-angle, y-angle) X-এবং Y-অক্ষের ওপর 2D তুলনামূলক স্কেইয়ার ট্রান্সফর্ম নির্ধারণ করুন
skewX(angle) X-অক্ষের ওপর 2D তুলনামূলক স্কেইয়ার ট্রান্সফর্ম নির্ধারণ করুন
skewY(angle) Y-অক্ষের ওপর 2D তুলনামূলক স্কেইয়ার ট্রান্সফর্ম নির্ধারণ করুন
perspective(n) 3D ট্রান্সফর্ম উপাদানের পারস্পরিক দৃশ্য নির্ধারণ করুন
initial এই অপেশনটির ডিফল্ট মান নিয়ে সম্পৃক্ত হোক। দেখুন initial。
inherit এই অপেশনটি পারস্পরিক উপাদান থেকে এই অপেশনটি উত্তরাধিকার করে। দেখুন inherit。

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: না
ফলাফল: শব্দ, যা উপাদানের transform অপেশন。
CSS সংস্করণ: CSS3

ব্রাউজার সমর্থন

তালিকায় সংখ্যা এই অভিন্ন বৈশিষ্ট্যকে সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজারের সংস্করণটি উল্লেখ করে।

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 9.0 23.0