Cách tạo: Phóng to khi di chuột trỏ
- Trang trước Định dạng số
- Trang tiếp theo Box lật
Học cách sử dụng CSS để phóng to phần tử khi di chuột trỏ.
Phóng to khi di chuột trỏ
Hãy di chuột trỏ vào khung xanh:
Cách phóng to khi di chuột trỏ
<style>
.zoom {
padding: 50px;
background-color: green;
transition: transform .2s; /* (Animation） */
width: 200px;
height: 200px;
margin: 0 auto;
}
.zoom:hover {
transform: scale(1.5); /* (150% zoom - Lưu ý: Nếu phóng to quá lớn, nó sẽ vượt ra ngoài phạm vi khung nhìn） */
}
</style>
<div class="zoom"></div>
Trang liên quan
Hướng dẫn:Chuyển đổi CSS
- Trang trước Định dạng số
- Trang tiếp theo Box lật
