Bordas arredondadas com JS

Deixe um comentário

fevereiro 1, 2011 por Geisimar Rech

Uma dor de cabeça quando precisamos arredondar bordas de alguns elementos HTML e fazer funcionar no Internet Explorer.
Para resolver esse problema com facilidade Drew Diller criou uma biblioteca javascript que faz esse trabalho.

 

Faça o download aqui:
http://www.dillerdesign.com/experiment/DD_roundies/DD_roundies_0.0.2a-min.js

Como usar:

<script src="DD_roundies.js"></script>
<script>
/* EXAMPLES */

/* IE only */
DD_roundies.addRule('.roundify', '10px');

/* varying radii, IE only */
DD_roundies.addRule('.something_else', '10px 4px');

/* varying radii, "all" browsers */
DD_roundies.addRule('.yet_another', '5px', true);
</script>

 

Navegadores testados pelo autor:

IE6 e IE7, Firefox 3.0.x, Safari 3.1.2, Chrome 1.0 e já funciona no Opera 10.x. Já o IE8 suporta parcialmente, além de ficar extremamente lento.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: