- Tham gia
- 28/02/2015
- Bài viết
- 17,128
- Được Like
- 12,743
Thêm hiệu ứng khi rê chuột vào threads, widgets & posts cho XenForo 2
Chỉ cần thêm đoạn code sau vào template extra.less:
Chúc các bạn thành công.
Chỉ cần thêm đoạn code sau vào template extra.less:
Mã:
/*Forum, Sub-Forum & What's new*/
.block-body .node--forum, .structItemContainer .structItem--thread, .structItemContainer-group .structItem--thread, .block-container .message-inner {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.block-body .node--forum:hover, .structItemContainer .structItem--thread:hover, .structItemContainer-group .structItem--thread:hover, .block-container .message-inner:hover {
-moz-transform: scale(1.015);
-webkit-transform: scale(1.015);
-o-transform: scale(1.015);
-ms-transform: scale(1.015);
transform: scale(1.015);
}
/*Widgets*/
.block-body .block-row {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.block-body .block-row:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
Nguồn: xenforo.com
Bài viết liên quan
Bài viết mới