Bordas arredondadas com CSS3

31 de mai. de 2010

REDONDO =D (clique para ampliar)
Bem, como o css3 ainda é suportado por poucos navegadores (resumindo, não funciona no Internet explorer
), então aconcelho usar muito pouco
e em lugares pequenos, que so se note olhando bem de perto.


Então, estava procurando como arredondar bordas com css, mas achei apenas esse "CSS monster".
para usa-lo, é bem simples, apenas adicione o codigo em seu estilo css:
-moz-border-radius: 7px 27px 100px 0px;
superior, direita, inferior e esquerda

e ainda se pode colocar em um local especifico exemplo:
-moz-border-radius-left:10px;
o vermelho pode ser trocado pelo local que escolher.
Bom, o resultado é:

Eu odeio rebolation


Eu odeio rebolation


Eu odeio rebolation


Eu odeio rebolation


e variaria pelo gosto, o tamanho da borda e o lugar...
e repito NÃO FUNCIONA NO IE, então, use com moderação.

4 comentários

Unknown

oi!
Entro todo dia e gosto mt, até já recomendei =D
Mas será q n poderia postar um pouco mais?
Vlw!

Pedro Vinicius

limão, eu estou sem tempo para postar...
mais final de semana vai ter =D

Anônimo

Como você arrendondou tudo?
E como editou o Leia Mais? É o template magazine..
e que blogs vc usa comoo ajuda?

Pedro Vinicius

nossa... então
eu arredondei com imagem
pra funcionar no ie...
o leia mais é um tutorial
que achei na interner
e eu uso varios blogs como
o dicas blogger, templates e acessorios...
é isso =D

Postar um comentário

Para fazer bons comentarios é nessesario:

- ter relação com o assunto do post;
- Não fazer propagandas de seus blogs;
- Se quiser deixar sua URL, comente usando a opção OpenID;
- Eu nao fasso parceria;
- não use LETRA MAIUSCULA em todo o seu comentario ;

PS: Ajudarei com o maior prazer, qualquer divida (sobre o post) comente.

Template por: Dicas Blogger | Editado por Pedro Vinicius
©Manada blogger 2009-2010 - Todos os direitos reservados
Início | Indice do blog | Parceiros | Termos | Topo