Share code phóng to và xoay ảnh

[AdminAdmin is verified member.]

Code giống wapvn hoặc bentrewap . Khi các bạn chỉ vào ảnh thì ảnh đó sẽ phóng to và xoay 360 độ.(Chỉ hiển thị trên PC thôi nhé)
Đầu tiên các bạn copy đoạn này vào css của các bạn:

#tuoitrevn {
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;
}
/* Share By tuoitreit.vn */
#tuoitrevn: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: [color=red]200px[/color];
}

Sau đó khi các bạn post ảnh thì các bạn thêm

id="tuoitrevn"

vào đoạn mã html của các bạn.Ví dụ đây là đoạn html của mình:

<img id="tuoitrevn" src="http://tuoitreit.vn/vbbdesign/svbd/header.png">

Lưu ý: Bạn nào làm trên host cũng có thể dùng cái này. Chỉ cần vào file bbcode.php và thêm dòng id="tuoitrevn" như Ví dụ trên là được
Bạn nào muốn chỉnh kích thước hình ảnh lúc phóng to thì thay số 200 thành bất kỳ số nào lớn hơn nhé