CSS3-এ z-অক্ষ ব্যবহার করে এলিমেন্ট স্কেল ট্রান্সফর্ম

scaleZ(z) মেথড z-অক্ষ ব্যবহার করে এলিমেন্টকে স্কেল ট্রান্সফর্ম করতে ব্যবহৃত হয়।

সিনট্যাক্স দেখি:

scaleZ(z)

এখানে, z হলো এলিমেন্টের প্রতিটি পয়েন্টের z-কোঅর্ডিনেটে প্রয়োগ করার স্কেলিং ফ্যাক্টরকে নির্দেশকারী একটি সংখ্যা।

একটি উদাহরণ দেখি:

div {
  width: 60px;
  height: 60px;
  background-color: black;
}
.perspective {
  transform: perspective(200px) translateZ(-150px);
  background-color: yellow;
}
.scaled-translated {
  transform: perspective(200px) scaleZ(2) translateZ(-150px);
  background-color: orange;
}