কোর্স প্রস্তাব:

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

CSS-এর scale3d() ফাংশনটি এলিমেন্টকে 3D আকৃতি ভাগকারীকরণ সমস্ত করে।

scale3d() ফাংশনটি এলিমেন্টকে x, y এবং z-পথের সমস্ত আকৃতি ভাগকারীকরণ সমস্ত করে।

scale3d() ফাংশন transform প্রয়োজনীয়তা

উদাহরণ

উদাহরণ 1

ব্যবহার scale3d() একাধিক <div> এলিমেন্টকে সমস্ত আকৃতি ভাগকারীকরণ

#myDiv1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#myDiv2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#myDiv3 {
  transform: scale3d(1.1, 1.2, 1);
}

আপনার নিজেই প্রয়াস করুন

উদাহরণ 2

ব্যবহার scale3d() ছবি সমস্ত আকৃতি ভাগকারীকরণ

#img1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#img2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#img3 {
  transform: scale3d(1.1, 1.1, 1);
}

আপনার নিজেই প্রয়াস করুন

CSS গঠনশৈলী

scale3d(sx, sy, sz)
মূল্য বর্ণনা
sx ধনাত্মক বা ঋণাত্মক সংখ্যা, প্রস্থতার সমস্ত আকৃতি ভাগকারীকরণ সমস্ত করে।
sy ধনাত্মক বা ঋণাত্মক সংখ্যা, উচ্চতার সমস্ত আকৃতি ভাগকারীকরণ সমস্ত করে।
sz ধনাত্মক বা ঋণাত্মক সংখ্যা, z-পথের সমস্ত আকৃতি ভাগকারীকরণ সমস্ত করে।

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

সংস্করণ: CSS Transforms Module Level 2

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

টেবিলের সংখ্যা এই ফাংশনটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজার সংস্করণটির জন্য।

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
12 12 10 4 15

সংশ্লিষ্ট পৃষ্ঠা

শিক্ষা:CSS 3D পরিবর্তন

সংক্ষিপ্তস্বরূপCSS transform প্রকৃতি

সংক্ষিপ্তস্বরূপCSS scale অপারিটা

সংক্ষিপ্তস্বরূপCSS scale() ফাংশন

সংক্ষিপ্তস্বরূপCSS scaleX() ফাংশন

সংক্ষিপ্তস্বরূপCSS scaleY() ফাংশন