[Resolvido] Como fazer bordas quadradas para que um retângulo vir

[Dian Carlos 29]

Olá amigos do iMasters, o título diz tudo o que eu quero.

 

Um efeito de borda quadrada tipo um 'border-square'.

 

Uma imagem do efeito que eu quero fazer. A montagem foi feita no Photoshop, mas eu quero em CSS ou outra coisa que não envolva imagens.

 

 

Desde já, agradeço a ajuda de todos.

[Bergs 53]

com css3 você vai conseguir rotacionar um quadrado mais acho que as imagens são mais adequadas.

 

me fez lembrar uma vez, quase um cliente aprova um projeto onde o designer tinha feito uma malha

toda em losango... imagina o drama que fiquei... :upset:

 

no link abaixo você consegue o efeito.

http://jquery.malsup.com/corner/

[Dian Carlos 29]

@Bergs, obrigado pela resposte, esse plugin realmente faz mais ou menos o que eu quero, mas eu usaria se o fundo roxo ali não fosse em degrade, e pelo que eu vi ele cria várias div's nos cantos para dar o efeito 'quadrado', esses botões tem box-shadow, ai quando passa o mouse em cima, fica com a sombra quebrada em volta..

 

Ms eu vou dar mais uma pesquisada nas 'entranhas' do Google e ver se acho algo.

 

RESOLVIDO! Não ficou do jeito que eu queria, mas ficou bem próximo..

 

Usei a propriedade css transform: skewX(..);

 

Um exemplo de como os botões do meu menu ficou pode ser visto aqui: http://arcoinformatica.com.br/dian/garotadomes/

 

Obs.: Está em css puro, não usei nenhuma imagem.

 

Obrigado @Bergs pela resposta..