Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Nunca foi tão facil fazer as suas bordas arredondadas, um problema que já deu dor de cabeça para muita gente agora foi resolvido, com varias opções super-simplificadas para criação de dêgrades, diâmetro e "bordas" nas bordas :D
Para quem utiliza Firefox e não se importa com os demais navegadores, podemos utilizar também:
#elemento{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}Mas enfim, obrigado por compartilhar este site!
Abraços! ;)
Só lembrando que os navegadores webkit (Chrome e Safari) já estão prontos para receber a propriedade CSS3 border-radius
Ao invés de:
-webkit-border-radius: 7px; (propriedade não válida)
Use:
border-radius: 7px; (propriedade válida)
agora o Opera também http://forum.imasters.com.br/public/style_emoticons/default/joia.gif
http://helpmasters.com.br/artigo/109/bordas-arredondadas-sem-imagens-no-opera
Pode parecer repetição, mas a técnica demonstradapelo Adam Kalsey é ainda mais fácil.
Seu único incoveniente é não gerar as imagens, mas até um super-hiper-mega-noob em designer como eu consegue fazer rapidinho no Photoshop.
>
agora o Opera também http://forum.imasters.com.br/public/style_emoticons/default/joia.gif
http://helpmasters.com.br/artigo/109/bordas-arredondadas-sem-imagens-no-opera
No Google Chrome (e acredito que browsers baseado em WebKit) já tem faz um tempo. Legal o link. ;)
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Dando um upzinho no tópico, dêem uma olhadinha nesse gerador de bordas arredondadas.
É um tanto quanto diferente pois, apesar de permitir personalizar o que seria a propriedade "radius" (que controla o quão curva a borda será), ele gera o HTML sem imagens + CSS sem propriedades exclusivas de navegadores modernos.
Com um zoom bem ampliado, percebe-se também que os cantos não são gerados com efeito anti-alias, mas como o radium não pode ser alterado, é quase imperceptível.
Fica também a dica.
[EDIT]
Novamente curioso, fui ver se havia algum meio de simular essas propriedade mágicas no IEca.
Olha esse HTC que eu achei.
Você muda as propriedade para o Firefox e ele converte pro IEca.
:o
Legal ^^