![[Codes] Hiệu ứng avatar nghiêng, xoay Icon_mini_portal1](https://2img.net/i/fa/m/icon_mini_portal1.gif){kind=icon}
![[Codes] Hiệu ứng avatar nghiêng, xoay M](https://2img.net/h/cb7.upanh.com/20.22.26908426.450/m.gif)
hướng dẫn:
1. thêm vào CSS:
Thay bằng:
Nguồn: 9xstudio
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;
}
- Code:
{postrow.displayed.POSTER_AVATAR}
Thay bằng:
- Code:
<span class="avatar97">{postrow.displayed.POSTER_AVATAR}</span>
Nguồn: 9xstudio