x-axis, y-axis এবং z-axis ব্যবহার করে উপাদানটিকে রূপান্তর করতে translate3d(x,y,z) পদ্ধতি ব্যবহার করুন।
আসুন সিনট্যাক্স দেখি
translate3d(tx, ty, tz)
tx :এটি একটি <দৈর্ঘ্য> অনুবাদক ভেক্টরের অবসিসা প্রতিনিধিত্ব করে।
ty :এটি একটি <দৈর্ঘ্য> অনুবাদক ভেক্টরের অর্ডিনেট প্রতিনিধিত্ব করে।
tz :এটি একটি <দৈর্ঘ্য> অনুবাদক ভেক্টরের z উপাদানকে প্রতিনিধিত্ব করে।
আসুন একটি উদাহরণ দেখি
div {
width: 50px;
height: 50px;
background-color: orange;
}
.trans {
transform: perspective(300px) translate3d(15px, 0, 0px);
background-color: black;
} 