Computer >> Máy Tính >  >> Lập trình >> CSS

Hàm CSS3 scale3d ()

Hàm scale3d () được sử dụng để chia tỷ lệ một phần tử trong không gian 3D. Phần tử được chia tỷ lệ dựa trên các số được đặt làm tham số.

Ví dụ

<!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>

Đầu ra

Hàm CSS3 scale3d ()

Ví dụ

Bây giờ chúng ta hãy xem một ví dụ khác -

<!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>

Đầu ra

Hàm CSS3 scale3d ()