Hướng dẫn Rotating Avatars - Xoay tròn ảnh đại diện

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,832
Được Like
12,694
Rotating Avatars - Xoay tròn ảnh đại diện

Đây là một tiện ích dễ dàng để làm avatar của bạn xoay khi bạn di chuột qua nó.
Chỉ cần vào EXTRA.css và thêm những điều sau đây
Mã:
/* avatars rotating effect */
.avatar:hover, .avatar img:hover, .img.s:hover{
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
/* end of avatars rotating effect */

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


Nguồn: xenforo.rocks​
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom