Hiệu ứng hình ảnh(Phóng to- thu nhỏ) khi rê chuột...!

Cách 1:
pạn kần fải kết hợp giữa CSS và HTML !
Hiệu ứng này khá là tốt cho những entry với các tấm ảnh khá to... Nó sẽ resize tấm hình của bạn nhỏ lại cho vừa , khi bạn đưa chuột vào thì hình sẽ trở lại kích thước nguyên thuỷ của chúng !

- Trước tiên bạn cho đoạn code này vào phần CSS của pạn :
#fong_to img {height:150px;}
#fong_to img:hover {height:100%;}


- Khi viết bài , để chèn hình phóng to khi đưa chuột vào thì cho đoạn code này vào bài viết ( nhớ nhấn vào ô HTML nhé ! )


Cách 2:
Đơn giản hơn các bạn chèn code hiệu ứng này vào bài viết là đc :
Thực ra hiệu ứng này cũng không có gì, đơn giản chỉ là tạo thêm 1 ảnh, để khi rê chuột vào từng bài viết sẽ hiển thị ảnh đó lên thôi. Vì thế, các bạn có thể chuẩn bị là các ảnh bất kì, nhưng nên lưu ý là đừng chọn ảnh wá phức tạp, khi rê chuột vào sẽ không đọc được bài viết đâu . Vì thế, nên chọn các ảnh nền trong suốt chẳng hạn, sẽ làm nổi bật bài viết hơn.
Code :

.mod-alist-summary .main-bd li:hover{background:transparent url(Link Ảnh)}

Thay Link ảnh vào nhé !


Thế là xong ^^!
Chúc các pạn thành công