Bom, muitas pessoas gostam desse efeito, mais os usam com imagens. O efeito em CSS é mais recomendado pois irá fazer com que sua pagina carregue mais rápido.
Vamos ao código. Insira o código abaixo entre <style> e </style>
/**** efeito costura por mundogallyack.com ***/Aplique a div no caixa que deseja por o efeito (deve ser entre <body> e </body>, assim:
.effect-costura {
padding: 5px 10px;
color: #fff;
margin: 10px;
background: #000;
border: 2px dashed #fff;
/* rounded borders of 5px in firefox */
-moz-border-radius:0px;
/* rounded borders of 5px in chrome and other browsers */
-webkit-border-radius:0px;
/* shadows for different browsers */
-moz-box-shadow: 0 0 0 4px #000, 2px 1px 4px 4px rgba(10,10,0,.5);
-webkit-box-shadow: 0 0 0 4px #000, 2px 1px 4px 4px rgba(10,10,0,.5);
box-shadow: 0 0 0 4px #000, 2px 1px 6px 4px rgba(10,10,0,.5);
height:300px;
width:100px;
}
<div class="effect-costura"> efeito de costura na div dos titulos e afins </div
Pronto, seu efeito será aplicado.
0 comentários :
Postar um comentário