Thứ Sáu, 11 tháng 12, 2015

XEM BÀI VIÊT
TOÀN MÀN HÌNH

Hiệu ứng hình ảnh làm ảnh đại diện đẹp

CSS:
.info_singer .info_pos .box_singer_pri .avatar_user img{width:100px;-webkit-border-radius:53px;-moz-border-radius:53px;border-radius:53px; height:100px;}
.info_singer .info_pos .box_singer_pri .avatar_user:hover img{width:100px; height:100px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out;  -o-transition:all 0.2s ease-out;  transition:all 0.2s ease-out;}
Chèn code này vào nơi hiển thị
<div class="info_singer">
<div class="info_pos">
<div class="box_singer_pri">
<a class="avatar_user" href="http://www.nhaccuatui.com/nghe-si-365.html"><img alt="avatar ca si 365" src="http://image.mp3.zdn.vn/thumb/165_165/avatars/2/f/2f0e7520fef10763578d4ed82515a4d5_1402973913.jpg" onerror="common.handleErrorImage(this, 'http://stc.id.nixcdn.com/10/images/avatar_default.jpg', 'fail');" onload="common.handleErrorImage(this, 'http://stc.id.nixcdn.com/10/images/avatar_default.jpg', '');" title="Avatar ca sĩ 365" /></a>


</div>

</div>
</div>
- Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
- Mọi chi tiết xin liên hệ:
- Email: lephuocsinh96@gmail.com
- Facebook: Fb.com/beohoavinh

1 nhận xét:

Ads by Google