Efeitos para textos

Olá e bem-vindo ao Mult-focos. Trazemos neste post dois efeitos para textos que pode ser usado em seu blog. O primeiro é o flashlight CSS 3D e o segundo é o efeito de texto desfocado.

Spoiler com animação para Blogger

Como adicionar no seu blog 

• Copie o código CSS do Box de códigos 
• Vá ao painel do Blogger->modelo->editar HTML->use Ctrl+F e localize:]]></b:skin>
• Acima desta tag copie e cole o código CSS do box de códigos abaixo. 

Próximo passo (Você pode postar usando o código JS e ou usar como gadget)

•  Ir para o painel do blogger->layout 
• Clique em Adicionar um Gadget. 
• Na janela Adicionar um gadget->Html/JavaScript. 
• Copie o código JS abaixo e cole-o dentro da caixa de conteúdo. 
• Salvar o gadget. Arraste o gadget e reposicione-o onde você quer mostrá-lo. 
• Clique no botão Salve (canto superior direito). 

 Configuração

•  No código JS vem instruções onde você deve modificar. 

1º Flashlight CSS 3D clique em Result no box de códigos e veja um demo.

<div id="box">
  <p id="flashlight">
    <span id="flash">Mult</span>
    <span id="light">Focos</span>
  </p>
</div>

See the Pen Flashlight CSS 3D by Mairink (@Oemes) on CodePen.

---

2º Efeito de texto desfocado clique em Result no box de códigos e veja um demo.

<div id="box">
  <span class="txt">Mult</span>
  <span class="♥">♥</span>
  <span class="txt" contenteditable spellcheck="false">focos</span>
</div>

See the Pen Efeito de texto desfocado by Mairink (@Oemes) on CodePen.

---

---