পরামর্শক কোর্স

পূর্ববর্তী পৃষ্ঠা CSS rotate() ফাংশন
পরবর্তী পৃষ্ঠা CSS rotateX() ফাংশন
একটি স্তর উপরে CSS ফাংশন রেফারেন্স ম্যানুয়েল

CSS rotate3d() ফাংশন

বিবরণ ও ব্যবহার rotate3d() CSS

rotate3d() ফাংশন উপাদানকে 3D ঘূর্ণন নির্দেশ করে。 transform প্রয়োগে ব্যবহার করা

প্রকল্প

উদাহরণ 1

ব্যবহার করুন rotate3d() একাধিক <div> উপাদান ঘূর্ণন:

#myDiv1 {
  transform: rotate3d(1, 2, 1, 45deg);
}
#myDiv2 {
  transform: rotate3d(0, 1, 0, 60deg);
}
#myDiv3 {
  transform: rotate3d(1, 0, 0, 45deg);
}

স্বয়ং প্রয়াস করুন

উদাহরণ 2

ব্যবহার করুন rotate3d() ছবি ঘূর্ণন:

#img1 {
  transform: rotate3d(1, 2, 1, 45deg);
}
#img2 {
  transform: rotate3d(0, 1, 0, 60deg);
}
#img3 {
  transform: rotate3d(1, 0, 0, 45deg);
}

স্বয়ং প্রয়াস করুন

CSS সিন্থ্যাক্স

rotate3d(x, y, z, angle,

)	বর্ণনা
x	ধনাত্মক বা নেতিবাচক, x-অক্ষের পরিবর্তন নির্দেশ করে。
y	ধনাত্মক বা নেতিবাচক, y-অক্ষের পরিবর্তন নির্দেশ করে。
z	ধনাত্মক বা নেতিবাচক, z-অক্ষের পরিবর্তন নির্দেশ করে。
angle	অপরিহার্য। ঘূর্ণন কোণ নির্দিষ্ট করুন। সম্ভাব্য ইউনিট: deg（ডিগ্রি） rad（আংশিক ঘূর্ণন） turn（ঘূর্ণন）