[Hỏi đáp] Cách làm cho ảnh trên các bài viết có dạng 3D

Mình muốn cài đặt chế độ sao cho khi đăng hình ảnh hay xem hình ảnh trong các bài viết trong forum, ảnh có dạng nổi 3D và khi trỏ chuột vào thì ảnh tự động phóng to lên. Như trong hình dưới:


Mình thấy cái hiệu ứng đó trên forum: http://vi-en-family.forumvi.com/
Thấy cũng khá thú vị, nên muốn add vào, mong các bạn giúp đỡ :))

Demo của bạn là gì để tiện giúp đỡ

kingofgame wrote:Demo của bạn là gì để tiện giúp đỡ

đây http://laboratoryforumotion.forumvi.com/

viewtopic body tìm {postrow.displayed.MESSAGE} và thay bằng

Code:

<style>  .myphuong img{
    border-radius:5px;
    background-color: #FFFFFF;
    margin:1px 3px 3px 1px;
    padding:3px;
    border:1px solid #d4d4d4;
    box-shadow: 3px 3px 3px #8A8A8A;
    transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
    transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;
    }
    .myphuong img:hover {
    transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;
    transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
    transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5);
    position:relative;
    }
</style>
 <span class="myphuong">{postrow.displayed.MESSAGE}</span>

cho mình hỏi nó có phải ko tương thích với invision ko, mình làm nhòi nhưng càng lỗi thêm T_T
ý tự nhiên lại được, ko xóa bài này được phải sửa bài, mong các mod xóa bài này giúp

doremon110 wrote:viewtopic body tìm {postrow.displayed.MESSAGE} và thay bằng

Code:

<style>  .myphuong img{
    border-radius:5px;
    background-color: #FFFFFF;
    margin:1px 3px 3px 1px;
    padding:3px;
    border:1px solid #d4d4d4;
    box-shadow: 3px 3px 3px #8A8A8A;
    transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
    transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;
    }
    .myphuong img:hover {
    transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;
    transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
    transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5);
    position:relative;
    }
</style>
 <span class="myphuong">{postrow.displayed.MESSAGE}</span>

thank you, mình đã làm được rồi, cảm ơn bạn nhìu nhìu