Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Bruno Augusto

[Resolvido] Borda Interna "Fofa"...

Por , em Desenvolvimento frontend

Recommended Posts

Bruno Augusto    417

Bruno Augusto
Postado

Estava cá eu experimentando os truques das novas propriedades do CSS3 e, com base em vários exemplos, montei um que faz uma borda literalmente "fofa".

 

Mas, parte dessa técnica é feita com :after e :before e, por isso, só consegui montá-las nas laterais, desse jeito.

 

Como que eu poderia fazer o mesmo efeito na parte superior e inferior também?

Compartilhar este post

Link para o post
Compartilhar em outros sites

André do Vale    76

André do Vale
Postado 
* {
   margin: 0;
   padding: 0;
}

body {
   background-color: #5F0000;
   color: #606060;
   font: 95% Helvetica;
}

#wrapper {
   background: #212121 url( 'http://i.imgur.com/jPovp.png' );
   float: left;
   margin: 3%;
   overflow: hidden;
   padding: 30px;
   position: relative;
   z-index: 2;
   -webkit-box-shadow: inset 0 0 20px #000;
   -moz-box-shadow: inset 0 0 20px #000;
   box-shadow: inset 0 0 20px #000;
}

​

Compartilhar este post

Link para o post
Compartilhar em outros sites

JCMais    75

JCMais
Postado

Bruno você não precisa adicionar doctype nem tag <head> no jsFiddle, ele adiciona automaticamente, você só precisa adicionar o conteúdo da página.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno Augusto    417

Bruno Augusto
Postado

Putz! De todas as combinações de parâmetros usar o inset foi a única que não pensei.

 

Valeu mesmo. :thumbsup:

 

[EDIT]

 

Bruno você não precisa adicionar doctype nem tag <head> no jsFiddle, ele adiciona automaticamente, você só precisa adicionar o conteúdo da página.

Não sabia. Valeu também. :thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito