Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
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
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.
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:
Valew a dica meu Nobre!!!
Obrigado a todos.
Faça assim:
border: 1px solid rgba(255, 0, 0, 50); / Vermelho com 50% de opacidade /