[CSS] Hiệu ứng Zoom đơn giản bằng CSS

Demo:

Chỉ với vài dòng CSS đơn giản các bạn có thể làm được hiệu ứng Zoom ảnh cực kỳ hay mà không phải ai cũng biết
[You must be registered and logged in to see this image.]

Hướng dẫn:

Các bạn vào CSS thêm đoạn này vào nhé !

PHPBB3

Code:

   .postbody .content img:hover {
        cursor: url('http://icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Start-Menu-Search-icon.png'), auto;
        max-width: 100%;
        }
        .postbody .content img {
        max-width: 250px;
        transition: all ease-out .2s;
        }

PHPBB2

Code:

    .postbody img:hover {
        cursor: url('http://icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Start-Menu-Search-icon.png'), auto;
        max-width: 100%;
        }
        .postbody img {
        max-width: 250px;
        transition: all ease-out .2s;
        }

PUNBB

Code:

   .entry-content img:hover {
        cursor: url('http://icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Start-Menu-Search-icon.png'), auto;
        max-width: 100%;
        }
        .entry-content img {
        max-width: 250px;
        transition: all ease-out .2s;
        }

IVISION

Code:

   .post-entry img:hover {
        cursor: url('http://icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Start-Menu-Search-icon.png'), auto;
        max-width: 100%;
        }
        .post-entry img {
        max-width: 250px;
        transition: all ease-out .2s;
        }

Thay link ảnh [You must be registered and logged in to see this image.]

Code:

http://icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Start-Menu-Search-icon.png