border radius bottom côncavo

[Aline Meira 0]

olá pessoal, to precisando da prestimosa ajuda de vcs. :)

 

gostaria de usar na parte inferior do topo do site algo como essa imagem abaixo. porém, gostaria de fazer isso usando css, pois com a imagem estou tendo problemas em diferentes resoluções. sabe se há essa possibilidade? se sim, como se faz? :D

 

 

 

encontrei esse efeito côncavo na vertical, ou seja, pro left e right, ( vejam aqui: http://jsfiddle.net/cogent/6A5Lb/), mas não consegui nada que pudesse ser aplicado no bottom.

 

ajuda por favor... :rolleyes:

agradeço desde já.

[reebr 94]

Tipo isso?
http://jsfiddle.net/rnxn/r2Y6u/

[Aline Meira 0]

Tipo isso?

http://jsfiddle.net/rnxn/r2Y6u/

oi, seria isso mesmo só que com giro de 180° pois vou usar no topo e preciso que ele fique com o concavo para baixo. daí só tirei a linha margin-top: -8%; /* altera a posição do "circulo" */ e ficou do jeito que preciso. muuuito obrigada. vc me ajudou bastante. :D

[reebr 94]

De nada.

 

Mas ao invés de remover, sugiro que altere o valor da propriedade para um número positivo. Exemplo: 1%.

Ficando assim: http://jsfiddle.net/rnxn/r2Y6u/1/