Trang chủ > New Update > SEO > Hiệu úng xoay ảnh và phóng to hình

Posted by: Sáng VipPrao
Bài viết: Hiệu úng xoay ảnh và phóng to hình
Chuyên mục: SEO
Ngày đăng: 2013-07-27

100/100 cho 1 bình chọn

Hiệu úng xoay ảnh và phóng to hì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á (

)

vote

/ - phiếu

Tags: XtScript Error: Timeout.

Tags cloud VipPrao

share code chong copy trang wap xtgem tot, Gia lap xem giao dien wap tren nhieu dong mobile bang Google Chrome, Share full code zip index tet trung thu dep, Code tao logo in tren lon nuoc ngot Coca-Cola, Tool tao logo Coca-Cola html php, XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.XtScript Error: Timeout.

Tag:

₪ THỐNG KÊ

√ Đang online: 10 online

√ Hôm nay: 16 [+119]
√ Trong tháng: 879
√ Tổng cộng: [+ 1200108]

- Liên hệ hướng dẫn làm website miễn phí 2021 [Zalo] [Messenger] [Facebook]

Hiệu úng xoay ảnh và phóng to hình