Hiệu Ứng Phóng To Ảnh Khi Rê Chuột
vào
23 thg 10, 2017
Bước 1: Đăng nhập vào Blogger >> Chủ đề >> Chỉnh sửa HTML
Bước 2: Tiếp tục tìm đến thẻ ]]></b:skin> và thêm đoạn CSS sau vào bên trên
.post img {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post img:hover {
width: 150%;
height:150%;
}
Bạn có thể thay đổi 150% thành chiều rộng của kích cỡ khác sao cho phù hợp với website của bạn bạn.
Đây là phần mã quảng cáo adsense
Bước 3: Lưu lại giao diện hiện tại và trải nghiệm thử.
Hiệu ứng này rất thích hợp với những website thường xuyên sử dụng những hình ảnh với kích thước lớn, cần phóng to để dễ nhìn hơn mà không muốn nhắp vào hình.
