Hiệu ứng Phóng to Hình ảnh khi rê chuột vào bằng CSS3

Hiệu ứng Phóng to Hình ảnh khi rê chuột vào bằng CSS3, với Code CSS này bạn có thể phóng to toàn bộ Hình ảnh trong Blog mà không cần phải chỉnh sửa Code post Ảnh gì cả.

Các bước tiến hành:

1. Vào mẫu > Chỉnh sửa HTML > Chèn đoạn CSS sau trên ]]></b:skin>

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;max-width:100%} img:hover{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)} img{max-width:100%;overflow:auto}

2. Chú ý : Chỉnh sửa scale(1.25) là bạn Phóng to 125% Kích thước ảnh, bạn có thể tùy chỉnh Kích thước theo ý muốn của mình.

Chúc các bạn thành công.