scale3d() ফাংশন 3D স্পেসে একটি এলিমেন্টকে স্কেল (বড়/ছোট) করতে ব্যবহৃত হয়। প্যারামিটার হিসেবে তিনটি সংখ্যা দেওয়া হয় যা X, Y, Z অক্ষের স্কেল ফ্যাক্টর নির্দেশ করে।
উদাহরণ ১
<!DOCTYPE html> <html> <head> <style> .scale3d_img { transform: scale3d(0.5, 1, 1.7); } </style> </head> <body> <h1>Learn</h1> <p>Learn Apache Spark</p> <img class="scale3d_img" src="https://www.tutorialspoint.com/apache_spark/images/apache-spark-mini-logo.jpg" alt="Apache Spark"> </body> </html>
আউটপুট
উদাহরণ ২: নেগেটিভ মান দিয়ে ফ্লিপ এবং স্কেল
<!DOCTYPE html> <html> <head> <style> .scale3d_img { transform: scale3d(-1.4, 0.4, 0.7); } </style> </head> <body> <h1>Learn</h1> <p>Learn Apache Spark</p> <img class="scale3d_img" src="https://www.tutorialspoint.com/apache_spark/images/apache-spark-mini-logo.jpg" alt="Apache Spark"> </body> </html>
আউটপুট
প্যারামিটার ব্যাখ্যা
- sx (X-axis): আড়াঘড় দিকের স্কেল ফ্যাক্টর। নেগেটিভ মান দিলে হরিজন্টালি ফ্লিপ হয়।
- sy (Y-axis): উর্ধ্বমুখী দিকের স্কেল ফ্যাক্টর। নেগেটিভ মান দিলে ভার্টিক্যালি ফ্লিপ হয়।
- sz (Z-axis): গভীরতার দিকের স্কেল ফ্যাক্টর (সাধারণত 3D ট্রান্সফর্মের জন্য প্রাসঙ্গিক)।
নোট: এই ফাংশন কাজ করার জন্য ব্রাউজারের 3D ট্রান্সফর্ম সমর্থন আবশ্যক। পুরনো ব্রাউজারlerde ভেন্ডর প্রিফিক্স (যেমন -webkit-transform) দরকার হতে পারে।
