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

  Bài viết hay nhất1
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 đỡ :))
  Bài viết hay nhất2
Demo của bạn là gì để tiện giúp đỡ
  Bài viết hay nhất3

kingofgame wrote:Demo của bạn là gì để tiện giúp đỡ
đây http://laboratoryforumotion.forumvi.com/
  Bài viết hay nhất4
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>
  Bài viết hay nhất5
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
  Bài viết hay nhất6

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
You cannot reply to topics in this forum