Hàm ma trận () trong CSS được sử dụng để xác định một ma trận biến đổi 2D đồng nhất. Đặt biến đổi tuyến tính làm tham số.
Ví dụ
Hãy để chúng tôi xem một ví dụ -
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
transform: matrix(2, 1, -1, 1, 190, 100);
}
.skew_img {
transform-origin: top right;
transform: skew(-0.10turn, 30deg);
}
</style>
</head>
<body>
<h1>Learn</h1>
<img class="demo" src="https://www.tutorialspoint.com/numpy/images/numpy-mini-logo.jpg" alt="Numpy">
<img class="skew_img" src="https://www.tutorialspoint.com/apache_spark/images/apache-spark-mini-logo.jpg" alt="Apache Spark">
</body>
</html> Đầu ra
Ví dụ
Bây giờ chúng ta hãy xem một ví dụ khác -
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
transform: matrix(0.9, 0.8, -0.8, 0.8, 100, -30);
}
.skew_img {
transform-origin: left;
transform: skew(-0.10turn, 30deg);
}
</style>
</head>
<body>
<h1>Learn</h1>
<img class="demo" src="https://www.tutorialspoint.com/numpy/images/numpy-mini-logo.jpg" alt="Numpy">
<img class="skew_img" src="https://www.tutorialspoint.com/apache_spark/images/apache-spark-mini-logo.jpg" alt="Apache Spark">
</body>
</html> Đầu ra
