PC Gaming
Laptop
Laptop Gaming
Bộ nhớ lưu trữ
Linh kiện PC
Màn hình máy tính
Bàn phím
Chuột – Lót chuột
Tai nghe – Loa – Micro
Ghế – Bàn
Phụ kiện
Mạng – Camera
Thiết bị văn phòngBài này mình sẽ giới thiệu sơ qua về thuộc tính Transform scale.
Thuộc tính này giúp bạn tăng giảm tỉ lệ của một phần tử, thường được sử dụng để làm hiệu ứng phóng to khi di chuột.
Khi gán giá trị scale: 0 nghĩa là 0%, 0.5 nghĩa là 50%, 1 nghĩa là 100%, 2 nghĩa là 200%.
[css] .class{transform: scale(0);
}
.class:hover{
transform: scale(1);
}
[/css]
Giải thích:
– Hover: Khi di chuột lên.
– Đầu tiên mình đặt scale là 0, nghĩa là bình thường thì nó không xuất hiện gì cả.
– Sau đó khi di chuột lên, mình đặt scale là 1, nghĩa là kích thước 100%.
Vậy đối tượng ẩn, nhưng khi di chuột lên nó sẽ hiện ra.
Giám đốc kỹ thuật at Kênh Tin Học
Chuyên gia về kỹ thuật vi mạch, kỹ thuật phần cứng máy tính và lập trình. Hiện là giám đốc kỹ thuật của Kênh Tin Học - chịu trách nhiệm điều hành và đào tạo team kỹ thuật về sửa chữa laptop, máy tính, PC Gaming, build PC và thực hiện các nghiên cứu kỹ thuật về PC.
Latest posts by Trần Thành (see all)
