Comentários sobre: Desafio: Como “cropar” uma foto com CSS

Por: tiu uiLL

tiu uiLL — Thu, 03 Apr 2008 19:29:00 +0000

Legal Bruno, mas e então… como faz?

Por: Bruno Dulcetti

Bruno Dulcetti — Mon, 07 Jan 2008 18:19:22 +0000

Sim Dalton. Mas a diferença eh q no meu exemplo a imagem naum possui borda d início… E nesse exemplo q vc passou, ela jah começa com borda… Aih fica bem mais facil

Akele abraço.

Por: Dalton

Dalton — Fri, 04 Jan 2008 20:02:06 +0000

O CSS abaixo funciona em ambos navegadores IE e Mozila:

.image { border: 2px solid #aaaaaa;}
a:link .image { border-color: #aaaaaa;}
a:visited .image { border-color: #aaaaaa;}
a:hover .image { border-color: #FF6600;}

Veja o resultado: http://geoimob.com.br/geoauto/maisdetalhes.php?id=7

Por: Dalton

Dalton — Fri, 21 Dec 2007 12:57:19 +0000

Interessante, é o mesmo efeito utilizado no site da globo o G1.com.br Qual é o css definitivo. Qual reamente funciona este efeito?

Por: Bruno Dulcetti

Bruno Dulcetti — Thu, 09 Aug 2007 15:50:32 +0000

Olá Matheus. Mas concorda que com o padding a imagem vai ganhar mais 6px de largura e altura, desfigurando o layout?

Fora que a borda não ficaria interna e sim por fora da imagem.
Mas valew pela resposta.

Aquele abraço.

Por: Matheus

Matheus — Sun, 05 Aug 2007 04:40:50 +0000

Eu ia fazer o seguinte:

a img {padding:3px;}
a:hover img {
border:3px solid orange;
padding:0;
}

Por: Resposta do Desafio: Como “cropar” uma foto com CSS » Blog Bruno Dulcetti - web standards, css, xhtml e tecnologia em geral.

Tue, 26 Jun 2007 18:58:54 +0000

[...] Como prometido, estou aqui pra postar a “resposta” do “desafio” que postei ontem aqui no Blog. [...]