[Resolvido] bordas com transparencia em 50%

[Biano 0]

Boa tarde, estou pesquisando na web uma maneira de fazer quadros com bordas transparentes em 50%, e um hover com valor total da borda.

 

Qual a sintaxe correta?

 

Aqui uma maneira que fiz pra testar somente a div com a borda na cor vermelhar com transparencia.

(Tenho duvida quanto a forma correta de atribuir o efeito)

    #div1 {
width:400px;
height:400px;
border-color:red transparent;
-moz-border-radius: 7px;
-webkit-border-radius: 07px;
   }

 

Ou este efeito é meramente impossivel de se fazer sem uso de imagens?

 

Fico no aguardo.

[Henrique Barcelos 290]

Faça assim:

    #div1 {
width:400px;
height:400px;
border: 1px solid rgba(255, 0, 0, 50); /* Vermelho com 50% de opacidade */
border-radius: 7px;
}

[Biano 0]

Cara bom dia,

 

Muito obrigado por sua ajuda, agora só resta uma duvida qual a maneira de encontrar referencias de cores neste formato RGBA?

 

#div1 {

width:400px;

height:400px;

border: 1px solid rgba(255, 0, 0, 0.3); /* Vermelho com 30% de opacidade, pra funcionar 0.0 a 0.5 */

border-radius: 7px;

}

 

 

Por que trabalho com fireworks e photoshop mas ele nos da referencia das cores nesse formato: #CCC como converter esse codigo para o formato que voce me passou?

 

Agradeço atenção.

 

Att

[João Prado 64]

O próprio software te oferece as cores em RGB, no Fireworks, por exemplo, basta clicar na "bolinha colorida" que fica na caixa de seleção de cores, lá você irá encontrar os valores RGB para a cor utilizada.

[William Bruno 1501]

se quiser converter, pegue de 2 em 2 (o código hexa), e use uma calculadora cientifica, trocando de base. De base 16, para base 10.

 

para converter na mão, basta atribuir cada letra ao seu valor, e estudar mudança de bases.

Por exemplo base 2(binário)

 

0001 = 1

0010 = 2

0011 = 3

 

2^3 - 2^2 - 2^1 - 2^0

0 - 0 - 0 - 1

 

:lol:

[Biano 0]

Valew a dica meu Nobre!!!

 

Obrigado a todos.