Rảnh thì share cho ae vọc chơi 
mượn lời QDK tí
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:
Mã:
.pickhoi{-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}.pickhoi:hover{moz-transform: scale(1.5) rotate(0deg);-webkit-transform: scale(1.5) rotate(0deg);
position: relative;}
Css này sẽ phóng to ảnh gấp 1.5 lần ảnh bt
Thêm thuộc tính width="450" class="pickhoi" vào thẻ hiện thị hình ảnh <img src="" />
thuộc tính width/height trong thẻ <img src="" /> của bạn không cần bỏ củng đc vì cái này có Width rồi.
Ví dụ:
Mã:
<img src="http://link ảnh.jpg" width="450" class="pickhoi"/>
Thêm cái nữa
Mã:
.khoi{-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}.khoi:hover{moz-transform: scale(1.5) rotate(360deg);-webkit-transform: scale(1.5) rotate(360deg);position: relative;}
Cái này xoay ảnh 360 độ rồi phóng gấp 1.5 lần ảnh
Vậy là ok
demo thì làm rồi đợi tí sẽ update sau
0 nhận xét