banner image

Tutorial borda interna com opacidade pelo css S2

Para ver como fica vejam aqui

1. Como sempre, vá até Modelo > Editar HTML. Clique em uma parte da caixa, pressione ctrl + f e procure por ... Quando você encontrar essas reticências, vai ver que tem uma setinha preta ao lado dela, clique. Agora sim podemos começar.

2. Procure agora por ]]></b:skin> e acima dessa tag, cole o seguinte:
.efeitoborda{outline: solid 5px rgba(255, 255, 255, .5);outline-offset: -5px;}
O ideal mesmo é usar a configuração de cores em rgb. Se você não sabe mexer nela, clique aqui, essa lição do Basic HTML ensina tudo o que você precisa saber. 

3. Por fim, em um gadget de html/javascript, cole:
<img src="link da imagem" class="efeitoborda" />

E é só isso gente! Facil né! *u*
Ps: Peguei do Kawaii World
Tutorial borda interna com opacidade pelo css S2 Tutorial borda interna com opacidade pelo css S2 Reviewed by Pietra K. on 2:44 PM Rating: 5

Nenhum comentário:

❅ Estamos aceitando qualquer tipo de tag, na verdade estamos pedindo por tags hahsuhauhsa :3
❅ Aceito sugestões para o blog.
❅ Aceito fazer parceria.
❅ Aceito seguindo, segue de volta se também comentar algo sobre a postagem.
❅ Código para o link do seu blog em link: <''a href="link aqui">Nome do blog Aqui<''/ a>

Top Category 1

Tecnologia do Blogger.