Sử dụng nguồn gốc biến đổi thuộc tính để thay đổi vị trí trên các phần tử được chuyển đổi bằng CSS.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách làm việc với thuộc tính gốc biến đổi với CSS
<!DOCTYPE html>
<html>
<head>
<style>
.demo1 {
width: 300px;
height: 300px;
background-color: yellow;
}
.demo2 {
width: 200px;
height: 200px;
background-color: orange;
}
.demo3 {
width: 100px;
height: 100px;
background-color: blue;
transform: rotate(10deg);
transform-origin: 30% 40%;
}
</style>
</head>
<body>
<h1>Rotation</h1>
<div class = "demo1">Demo
<div class = "demo2">Demo
<div class = "demo3">
Demo
</div>
</div>
</div>
</body>
</html>