![[Codes] Hiệu ứng avatar nghiêng, xoay Moi210](https://i.servimg.com/u/f33/15/73/37/85/moi210.jpg)
Trang Chính
1![[Codes] Hiệu ứng avatar nghiêng, xoay Empty](https://2img.net/i/empty.gif)
[Codes] Hiệu ứng avatar nghiêng, xoay 22/4/2012, 6:17 pm
Founder
Admin
Bài viết : 416
Points : 906
Thanked : 8
Join date : 07/10/2010Age : 34
Đến từ : Việt Nam
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:
2. Tìm trong viewtopic_body:
Thay bằng:
Nguồn: http://www.cntt-k3.biz/
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.
hướng dẫn:
1. thêm vào CSS:
- 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>
Nguồn: http://www.cntt-k3.biz/
