Phóng to hình minh họa khi rê chuột tới
Để làm đựơc việc này 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 :(thiết kế > theme > chỉnh sửa tự động)
#fong_to img {height:50px;}
#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é ! )
<div id="fong_to"><img src="LINK HÌNH"></div>
0 Nhận xét:
Đăng nhận xét
Cám ơn bạn đã đọc bài viết. Bạn có cách đóng góp hay hơn hãy để lại vài lời để cùng chia sẻ với mọi người.