<img src="//nojsim.images.xtstatic.com/tp.gif" alt="" />
<img src="//cim.images.xtstatic.com/tp.gif" alt="" />
Leech
XTgem
Hỗ Trợ
Zcode
›
HTML-CSS
›
Share code phóng to ảnh khi rê chuột vào
Share code phóng to ảnh khi rê chuột vào
22-09-2016
Thêm code này vào css
Copy Code
:
.img { max-width: 640px; background-color: #fff; padding: 1px 1px 1px 1px; border:1px solid #999; box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; position: relative; opacity: 1; } .img:hover { box-shadow: 0 0 55px #999; -moz-box-shadow: 0 0 55px #999; -webkit-box-shadow: 0 0 55px #999; transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); z-index: 1; opacity: 1; }
cách dùng
<img class="img" src="linkanh" alt="" />
Lượt xem: total>
BBCode:
Link:
Cùng chuyên mục
Code random và hiệu ứng chữ rơi 3D bằng css3
Code loading sặc sỡ cho ai thích màu mè
Code nút bấm menu góc màn hình Pro
Share code hiệu ứng ảnh cực đẹp cho wap/web
Share hiệu ứng loading 7 sắc cầu vòng đẹp với CSS3
22-09-2016
Lượt xem: total>