Trang chủTrang chủ  Face CNCFace CNC  IndexIndex  PortalPortal  CalendarCalendar  GalleryGallery  Trợ giúpTrợ giúp  Tìm kiếmTìm kiếm  Đăng kýĐăng ký  Đăng NhậpĐăng Nhập  


Share | 
 

 code phong to hinh khi re chuột vào

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giả
Bình chọn cho bài viết:
Tuyền Choắt iTV
HỌC ĐỂ CHƠI - CHƠI ĐỂ HỌC
HỌC ĐỂ CHƠI - CHƠI ĐỂ HỌC


Tổng số bài gửi : 347
Ngày tham gia : 24/11/2011
Tuổi : 24
Đến từ : Tuyệt Tìnk Cốc

Bài gửiTiêu đề: code phong to hinh khi re chuột vào   Sun Feb 19, 2012 10:40 am

khi rê chuột vào hình trong bài viết thì nó tự to lên còn k rê vào thì nó tự nhỏ lại
css

Code:
/*-----------------------phong to hinh trong bai----------------------------------*/

.hovergallery img{
-webkit-transform:scale(0.4); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.9); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}


vào viewtopic_body tìm {postrow.displayed.MESSAGE}
thay thành

Code:
<div class="hovergallery">
 {postrow.displayed.MESSAGE}
</div>

Thành công 100%
Về Đầu Trang Go down
Xem lý lịch thành viên http://icitv.tk
 

code phong to hinh khi re chuột vào

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang

 Similar topics

-
» Kplus ra mắt thêm kênh K+ Phong Cách
» ITU đưa ra tiêu chuẩn UHDTV
» cách lắp đặp camera quan sát
» FPT dự kiến năm 2011 phóng vệ tinh đầu tiên
» có cách nào đổi phong trong đầu k49?

Permissions in this forum:Bạn không có quyền trả lời bài viết
DIỄN ĐÀN CNC  :: Chuyên Ngành Công Nghệ Thông Tin :: Thiết kế WEBSITE !-
Free forum | © phpBB | Free forum support | Liên hệ | Report an abuse | Sosblogs
Thiết kế do Tuyền Choắt iTV| | Trang Chủ Diễn Đàn | Hottel nóng : 01672.382.888 | Nghe Nhạc Trực Tuyến | Phim truyện | Tin tức trong ngày | Thể thao | Công nghệ thông tin | Danh bạ website