[Css]Hiệu ứng Avatar nghiêng cho bạn

[Css]Hiệu ứng Avatar nghiêng cho bạn
Thu Jun 13, 2013 5:53 pm
[JeenBi☺Team] - JeenBi
JeenBi☺Nguyễn--Admin--

Tổng số bài gửi : 199
Points : -2147483623
Thanked : 1
Chủng Tộc : BUTTERFLYYELLOW
Join date : 27/04/2013
Đến từ : PhongCach4Vn.Com

Tiêu đề: [Css]Hiệu ứng Avatar nghiêng cho bạn

Nguồn : Http://www.jeenbiteam.forumvi.com/t106-topic

Tiêu Đề : [Css]Hiệu ứng Avatar nghiêng cho bạn

JeenBi☺Team - Kết Nối Cộng Đồng Tân Phú Online
--------------------------------------------------

Cách làm :

Chèn đoạn sau vào Css

Với Phpbb2
Code:
.poster-profile img{ margin-bottom: 10px; border: 5px solid #eee; -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .poster-profile img:hover { -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg); }

PhpBB3:

Code:
div.postprofile dl dt img{ margin-bottom: 10px; border: 5px solid #eee; -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } div.postprofile dl dt img:hover { -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg); }

PunBB

Code:
div.user-basic-info img{ margin-bottom: 10px; border: 5px solid #eee; -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } div.user-basic-info img:hover { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); }

Invision

Code:
dl.postdetails dt img{ margin-bottom: 10px; border: 5px solid #eee; -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } dl.postdetails dt img:hover { -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); }

Copy đường link dưới đây gửi đến nick yahoo bạn bè!
Hay quá nè :[Css]Hiệu ứng Avatar nghiêng cho bạn. Nhấn Vào Đây Coi Lẹ Đi https://jeenbiteam.forumvi.com/t106-topic Xin lỗi đã Spam , gửi cho bạn bè tin này dùm mình nha. ( an tâm là không có virus đâu )

[Css]Hiệu ứng Avatar nghiêng cho bạn

Trang 1 trong tổng số 1 trang
Permissions in this forum: Bạn không có quyền trả lời bài viết
» THẾ GIỚI MÃ NGUỒN MỞ » Thủ Thuật Forumtion » Code Forumtion
» THẾ GIỚI MÃ NGUỒN MỞ » Thủ Thuật Forumtion » Code Forumtion