Magnifying effect on article mode images - Hiệu ứng phóng đại trên ảnh ở chế độ bài báo cho XenForo 2.2
Mang lại một hiệu ứng nhỏ đẹp cho hình ảnh của bài báo.
Trong template
Chúc các bạn thành công.
Mang lại một hiệu ứng nhỏ đẹp cho hình ảnh của bài báo.
Trong template
extra.less
, hãy thêm đoạn này:
CSS:
.articlePreview-main a:hover {
transform: scale(1.1) rotate(4deg);
background-size: cover !important;
transition-duration: 1s;
transition-property: transform;
}
.articlePreview-main a {
background-size: cover !important;
transition-duration: 1s;
transition-property: transform;
}
.message--articlePreview .articlePreview-image:after {
background-image: linear-gradient(to bottom,transparent,#0e0e0e);
opacity: .1;
padding-bottom: 60%;
}
.articlePreview-main {
overflow: hidden;
}
Chúc các bạn thành công.
Nguồn: xenforo.com
Bài viết liên quan
Bài viết mới