Tạo hiệu ứng khi rê chuột vào danh sách bài đăng xenforo

  • Thread starter Thread starter PVS
  • Ngày gửi Ngày gửi

PVS

Super Moderator
Thành viên BQT
Hiệu ứng phóng to hình ảnh khi rê chuột vào danh sách bài đăng trên thread_list xenforo. Hiệu ứng này cũng chỉ sử dụng CSS nên tốc độ tải trang bạn có thể hoàn toàn yên tâm.

Demo:

hieu-ung-re-chuot-danh-sach-bai-xenforo.gif

Vào templates Extra.css
Mã:
/* Hiệu ứng rê chuột bài viết xenforo - vnxf.vn */
.discussionListItem {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.discussionListItem:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform:  scale(1.05); -moz-transform:  scale(1.05); -o-transform:  scale(1.05); -ms-transform:  scale(1.05);transform: scale(1.05);
}

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


Nguồn: muaban47.net​
 
Back
Top