[Codes] Hiệu ứng avatar nghiêng, xoay

Fri Apr 20, 2012 4:34 pm

Quản Trị Viên

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.

hướng dẫn:
1. thêm vào CSS:

.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:

{postrow.displayed.POSTER_AVATAR}

Thay bằng:

{postrow.displayed.POSTER_AVATAR}

#1[Codes] Hiệu ứng avatar nghiêng, xoay

#1 [Codes] Hiệu ứng avatar nghiêng, xoay