1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Ajuda HTML CSS

Discussão em 'Web Development' iniciada por protas, 27 de Novembro de 2012. (Respostas: 1; Visualizações: 574)

  1. Boas,


    estou a desenvolver a seguinte página e queria dar-lhe o efeito de sobra à volta.

    Não sei porquê, já fiz inúmeras tentativas com abordagens diferentes, mas fico sempra com uma linha de sombra sobre o que na realidade pretendo.

    Penso que o HTML pode ser visto diretamente na página, no ficheiro style.css tenho ainda:


    .sombra{
    -webkit-box-shadow: 10px 10px 5px 5px rgba(0, 0, 3, .4);
    box-shadow: 10px 10px 5px 5px rgba(0, 0, 3, .4);
    }


    Comecei HTML há poucos dias, portanto peço desculpa se parecer um noob, o meu forte é C e python


    Obrigado
     
  2. Já consegui resolver, após muitas tentativas, solução:

    <div style="position:absolute; left:50%; margin-left: -468px; top:50%; margin-top: -319px; width:383px; height:638px;">
    <div class="sombra"></div>
    </div>

    e o CSS:


    .sombra{
    -webkit-box-shadow: 277px 300px 20px 280px rgba(0, 0, 3, .4);
    box-shadow: 277px 300px 20px 280px rgba(0, 0, 3, .4);
    }
     

Partilhar esta Página