![[Code] hiệu ứng bóng cho rank trong viewtopic Logo](https://2img.net/i/fa/logo/logo.png){kind=logo}
Trang Chính
demo : [You must be registered and logged in to see this link.] ( rê chuột vào rank ấy)
chèn vào css:
![[Code] hiệu ứng bóng cho rank trong viewtopic 3267106205](/users/3016/30/09/88/smiles/3267106205.gif)
Chú Ý: Đây Không Phải Code bóng cho ảnh mà rank nhé |
chèn vào css:
- Code:
.user-basic-info img , .abc img{ max-width:120px;
-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.2);-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);-webkit-transition:all .3s ease-out;border:3px solid #F4F4F4;box-shadow:1px 1px 1px rgba(0,0,0,0.2);margin:0;
}
.user-basic-info img:hover , .abc img:hover{-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-webkit-transition-delay: 0, 0, 0, .5s, .5s, 0;zoom: 1;opacity: 1;background-color: #464646;background-color: rgba(70, 70, 70, 0.6);padding: 0px;}
.postava img:hover{-moz-transform:rotate(360deg);-moz-transition:all 3s ease;-webkit-transform:rotate(360deg);-webkit-transition:all 3s ease;position:relative;transform:rotate(360deg);transition:all 3s ease}
.postava img {
height: 38px;
width: 38px;
transition: all 15s ease;
-webkit-transition: all 15s ease;
-moz-transition: all 15s ease;
transition-delay: 5s;
-webkit-transition-delay: 5s;
-moz-transition-delay: 5s;
background-color: white;
border-radius: 5px;
border: 1px solid #D4D4D4;
box-shadow: 3px 3px 3px #8A8A8A;
transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
margin: 1px 3px 3px 1px;
padding: 3px;
margin-right :85px;}
.tenmem{
margin-bottom: 30px;
}
