demo :
ban đầu avatar nó nghiêng,
rê chuột vô là nó xoay vòng vòng rùi nằm vị trí ngay ngắn
sau đó trở về trạng thái nghiêng như ban đầu.
![[Codes] Hiệu ứng avatar nghiêng, xoay Anh_ch17](https://i.servimg.com/u/f43/15/93/33/76/anh_ch17.png)
hướng dẫn:
1. thêm vào CSS:
[hide]
- Code:
-
.avatar97 img{
opacity: 0.3;filter: alpha(opacity=30);
border-radius:5px;
background-color: #FFFFFF;
margin:1px 3px 3px 1px;
padding:3px;
border:1px solid #d4d4d4;
box-shadow: 3px 3px 3px #8A8A8A;
transform:rotate(30deg); -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg);
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
}
.avatar97 img:hover {
opacity: 1; filter: alpha(opacity=100);
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5);
position:relative;
}
2. Tìm trong viewtopic_body:
- Code:
-
{postrow.displayed.POSTER_AVATAR}
Thay bằng:
- Code:
-
<span class="avatar97">{postrow.displayed.POSTER_AVATAR}</span>
Nội dung đã bị ẩn đi rồi, phải trả lời bài viết mới thấy được
![[Codes] Hiệu ứng avatar nghiêng, xoay 2802900400](https://2img.net/u/1215/17/42/60/smiles/2802900400.gif)
![[Codes] Hiệu ứng avatar nghiêng, xoay Empty](https://2img.net/i/empty.gif)
Tiêu đề: [Codes] Hiệu ứng avatar nghiêng, xoay 
