Trang chủ > New Update > SEO > Hiệu úng xoay ảnh và phóng to hình

Posted by: Sáng VipPrao Bài viết: Hiệu úng xoay ảnh và phóng to hình Chuyên mục: SEO Ngày đăng: 2013-07-27 100/100 cho 1 0: php_network_getaddresses: getaddrinfo failed: Name or service not known Advertise Here 404 - Page Not Found - Back Home Total Visits: 38643834 Visits Today: 219304 This Week: 1165937 This Month: 4459182 This site, is built entirely by using XtGem. XtGem is a visual mobile site building tool, allowing users to create and maintain highly customizable personal mobile sites completely free of charge - and without a need to know any programming language at all! bình chọn

Hiệu úng xoay ảnh và phóng to hình

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

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.

#VP {
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;
}

#VP: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;
}

<style>#VP { 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; } #VP: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; }</style>
Thêm thuộc tính id="VP" vào thẻ hiện thị hình ảnh <img src="" /> loại bỏ thuộc tính width/height trong thẻ <img src="" /> của bạn
Ví dụ:
<img id="VP" src="http://vipprao.wap.sh/images/wapmaster2.png" />

Đánh giá của bạn là góp ý quan trọng giúp Admin nâng cao chất lượng bài viết!

Đánh giá ( - )

0: php_network_getaddresses: getaddrinfo failed: Name or service not known

Advertise Here

---

404 - Page Not Found - Back Home

---

Total Visits: 38643844
Visits Today: 219314
This Week: 1165947
This Month: 4459192

This site, is built entirely by using XtGem.

XtGem is a visual mobile site building tool, allowing users to create and maintain highly customizable personal mobile sites completely free of charge - and without a need to know any programming language at all!

.png" alt="vote" />

0: php_network_getaddresses: getaddrinfo failed: Name or service not known

Advertise Here

---

404 - Page Not Found - Back Home

---

Total Visits: 38643844
Visits Today: 219314
This Week: 1165947
This Month: 4459192

This site, is built entirely by using XtGem.

XtGem is a visual mobile site building tool, allowing users to create and maintain highly customizable personal mobile sites completely free of charge - and without a need to know any programming language at all!

/

0: php_network_getaddresses: getaddrinfo failed: Name or service not known

Advertise Here

---

404 - Page Not Found - Back Home

---

Total Visits: 38643860
Visits Today: 219330
This Week: 1165963
This Month: 4459208

This site, is built entirely by using XtGem.

XtGem is a visual mobile site building tool, allowing users to create and maintain highly customizable personal mobile sites completely free of charge - and without a need to know any programming language at all!

- phiếu