Lamborghini Huracán LP 610-4 t
Tải Trình Duyệt Mobile

[UCbrowes][OperaMini]
* Game Online Hot Nhất
* Avatar Online HD 2013
* Vua Bài Iwin Online
* Thành Phố Âm Nhạc Online
* Khí Phách Anh hùng
* Ngũ Đế Online
* Mobi Army Online

[CSS] Share code hiệu ứng xoay và phóng to hình ảnh của Wapvn.Mobi

- Đăng lúc: 00:18 - 26/10/2013
- Lượt xem: 91

Share các bạn làm wap đoạn code CSS hiệu ứng trình diễn hình ảnh cực đẹp Wapvn.Mobi / Gamecucdinh.com



Chỉ với một đoạn code CSS nhỏ không cần dùng JavaScript bạn có thể tạo ra một hiệu ứng hình ảnh rất chuyên nghiệp làm cho trang Web/Wap của bạn thêm sinh động. Chỉ dùng css nên cực nhẹ không hề ảnh hưởng đến tốc độ load trang của bạn dù truy cập bằng trình duyệt Mobile/PC.



Copy đoạn code này dán vào file css của bạn:

#QDK {

padding: 1px;

margin: 4px 4px 0 0;

border: 1px solid #d5d5d5;

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;

transform: rotate(0deg);

-moz-transform: rotate(0deg);

-webkit-transform: rotate(0deg);

width: 120px;

}

/* Design By Wapvn.Mobi */

#QDK:hover {

box-shadow: 0px 0px 10px #666;

-moz-box-shadow: 0px 0px 10px #666;

-webkit-box-shadow: 0px 0px 10px #666;

border-radius: 5px;

background-color: #ffffff;

padding: 5px;

transition: all 3s ease;

-webkit-transition: all 3s ease;

-moz-transition: all 3s ease;

transform: rotate(360deg);

-moz-transform: rotate(360deg);

-webkit-transform: rotate(360deg);

position: relative;

width: 365px;

}


Thêm thuộc tính id="QDK" vào thẻ hiện thị hình ảnh (loại bỏ thuộc tính width/height trong thẻ của bạn)

Ví dụ:






[CSS] Share code hiệu ứng xoay và phóng to hình ảnh của Wapvn.Mobi
[Tải ảnh] [Resize]
Vậy là ok rùi. Chúc các bạn thành công!

Demo: Truy cập từ PC click vào bài viết bất kỳ rê chuột vào hình ảnh để xem kết quả
Cùng thể loại
Đám mây từ khóa
/forum/70124-css-share-code-hieu-ung-xoay-va-phong-to-hinh-anh-cua-wapvnmobi, Hieu ung css dep, share code , code xoay anh wapvn, Hieu ung xoay anh cho wap, code lam anh xoay, css hieu ung quay, code xoay anh 360, Hiệu ứng wap đẹp, hieu ung phong to anh bang css, , tải Ho tro lam wap [CSS] Share code hiệu ứng xoay và phóng to hình ảnh của Wapvn.Mobi cho điện thoại miễn phí,share [CSS] Share code hiệu ứng xoay và phóng to hình ảnh của Wapvn.Mobi,wap [CSS] Share code hiệu ứng xoay và phóng to hình ảnh của Wapvn.Mobi
TaiGameSach.Wap.Sh
* Thống kê
* Đang xem: U-ON
* Hôm nay: 1
* Tổng truy cập: 91
* Trang Chủ
Phone: 01666619416
Mail: Adm.Hotro@Ovi.Com
Powered by XtGem
Copyright © 2013 Thanh Tùng(FB)
. . . .