[Tutorial] Efeito zoom nas imagens com lupa

Informações:

Autor: Sennior
Versões: Todas as versões
Introdução: Ao por o mouse em cima da imagem, ela fica maior

Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Folha de estilo CSS

PHPBB3

Código:

.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

Código:

.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

Código:

.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;
}

INVISION

Código:

.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;
}