Tạo hiệu ứng phóng to ảnh khi rê chuột cho Blogspot

Việc chèn hình ảnh vào bài viết của bạn trên Blogspot là một bài viết nào cũng phải có.Việc chèn ảnh cũng là cách mà người đọc Blog của bạn nắm bắt thêm các thông tin cần thiết.Cũng như hiểu rõ vấn đề mà bạn muốn chia sẻ...Một bức ảnh được phóng to lên giúp người đọc có thể nhìn rõ bức ảnh hơn.Nói tóm lại việc chia sẻ hình ảnh trong 1 bài viết khá là quan trọng.

Tạo hiệu ứng phóng to ảnh khi dê chuột cho Blogspot

Nhưng nếu bạn muốn hình ảnh được thu nhỏ lại mà muốn người đọc có thể nhìn rõ bức ảnh của bạn thì bạn có thể tạo hiệu ứng phóng to ảnh khi được rê chuột.Cách này là 1 cách khá hiệu quả.

Demo phóng to ảnh tại: http://blogminhtri.blogspot.com/2016/02/tao-hieu-ung-phong-to-anh-khi-re-chuot-cho-blogspot.html

1:Tạo hiệu ứng phóng to ảnh khi rê chuột cho Blogspot như thế nào?

Copy đoạn code bên dưới và chèn vào trước phần thẻ ]]</b:skin> hoặc ]]></b:skin>

(xem cách tìm kiếm thẻ tại đây).

Code tạo hiệu ứng phóng to ảnh khi rê chuột:



.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: 80%;
height:80%;
}