[Resolvido] Efeito em imagem

[Camerata 0]

Fala pessoal td bem?

 

Gostaria de saber como posso fazer em js um efeito de borda em uma imagem, como no exemplo abaixo:

 

Eu pensei em criar uma imagem só da borda e falar pro js mandar uma imagem sobrepor a outra. Seria este procedimento? Se sim que função devo usar?

 

Obrigado!

[William Bruno 1501]

se for trabalhar dessa forma, é CSS puro oque você terá que fazer.

Dá para fazer o Javascript gerar o CSS para você, ou fazer ele aplicar.. serão muitas imagens? elas sempre terão as mesmas dimensões ?

[Camerata 0]

Olá William, realmente dá pra fazer em css, pesquisei aqui e consegui. Poderia me dizer como fazer o js aplicar/criar css?

 

Obrigado!

[William Bruno 1501]

é da mesma forma.. porém acessando os elementos HTML.. exemplo:

css:

#ele {

display: block;

margin-left: 20px;

}

 

em js:

 

document.getElementById('ele').style.display = 'block;'

document.getElementById('ele').style.marginLeft = '20px'