Ir para conteúdo

POWERED BY:

Arquivado

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

Kher

[Resolvido] Como criar efeito de sombra em sidebar como no modelo

Recommended Posts

Estou tentndo utilizar o seguinte modelo de de sidebar que tem uma sombra ao lado:

 

http://dl.dropbox.com/u/4195506/sidebar.png

 

A imagem tem uma altura de 764px que serve à dimensão da página inicial, porém, como utilizá-la pensando em outros tamanhos de altura visto que dependendo do conteúdo a pagina vai aumentando? Não tem como criar essa sombra e criar uma declaração para repetir, e aí me vejo nessa situaçao

Compartilhar este post


Link para o post
Compartilhar em outros sites

Já tinha u sado o boxshadow, eu só não consigo visualizar como eu poderia usar esse recurso em uma sombra que ficasse no meio de uma sidebar que teria o tamanho dinâmico

Compartilhar este post


Link para o post
Compartilhar em outros sites

No primeiro campo seria um efeito tipo glow e o segundo campo inner shadow.

 

A sombra da esquerda da sidebar, com CSS eu não acredito que seja possível. Sugiro que tu recorte essa sombra e faça uma imagem, aí é só ir tentando fazer :thumbsup:

Compartilhar este post


Link para o post
Compartilhar em outros sites

com CSS eu não acredito que seja possível.

 

Vou fazer você acreditar: http://jsfiddle.net/JCMais/7j5PF/embedded/result/'>http://jsfiddle.net/JCMais/7j5PF/embedded/result/ :lol:

 

Pseudo-elementos possuem tantas funcionalidades. =)

 

CSS: http://jsfiddle.net/JCMais/7j5PF/

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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