Como colocar zoom em imagens

Olá amigos Mult-focos!

Neste post vamos ver um modo simples de como colocar zoom em imagens.

Veja o DEMO  AQUI ou click em result no box abaixo

Gostou? Então é só copiar o código JS do box abaixo em um documento de texto, tomando os seguintes parâmetros de personalização: mudar AQUI URL DA IMAGEM, tamanho da Imagem usada, largura(width) 100 por  80, quando clicar na mesma ela ampliará para, largura(width) 500 por altura(height) 400

OBS: O código correto é o JS, isto é tudo.

See the Pen Zoom para imagens by Mairink (@Oemes) on CodePen.

---

Como colocar efeito flip 3D em imagens

Olá amigos Mult-focos, estamos aí trazendo mais uma dica para vocês.
Mostraremos a seguir um efeito super interessante para as imagens do seu Blogger, é o chamado efeito flip 3D, veja o demo clicando no botão abaixo e ao abrir a página passe o mouse na imagem maior.

Demonstração
1 – Vamos que queiras colocar o efeito na imagem do post por exemplo, para isto você cria um post e ao colocar a imagem copia e cola o código abaixo, adicionando a url da sua imagem e a frase que queiras, para aparecer sobre a imagem.

 <div class="profile-image">
 <div class="flip-3d">
 <figure>
 <img src="URL DA SUA IMAGEM.jpg" />
 <figcaption>TEXTO DA SUA IMAGEM!</figcaption>
 </figure>
 </div>
</div> 

2 – Logo após copie e cole o próximo código abaixo do código acima

Isto é tudo galera.

 

---

Como personalizar títulos no Blogger

Olá e bem-vindo ao Mult-focos. Neste tutorial vamos ver como personalizar títulos no Blogger.
Leia o tutorial até o final, só depois comece a por em prática seu conteúdo.

Como colocar efeito de sombra na área do post

Olá e bem-vindo ao Mult-focos. Este tutorial vai lhe mostrar como colocar efeito de sombra na área do post no Blogger, pode ser feito com a ajuda de um simples código CSS. Com este efeito seu blog vai ficar mais bonito e atraente.

Syntax para Blogger

Olá e bem-vindo ao Mult-focos. Bem pessoal trazemos neste post três marcadores de syntax para Blogger, uma ferramenta muito útil para postar códigos.

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.

Como destacar primeira letra e frase do seu texto

Olá e bem-vindo ao Mult-focos. Neste post vamos ver como destacar primeira letra e frase do seu texto. Com uma simples modificação em seu template terás um efeito chamativo em seus textos.

Cubo de imagens animado

Olá e bem-vindo ao Mult-focos. Vamos ver neste post como adicionar um cubo de imagens animado no seu blog. Este ornamento em forma de cubo é composto por seis imagens 200x200 pixels e pode ser útil para você destacar imagens em seu blog.

Galeria de Imagens, com efeito, resumo e link leia mais

Olá e bem-vindo ao Mult-focos. Neste post veremos como adicionar uma galeria de Imagens, com efeito, resumo e link leia mais, no seu blog.

Galeria de imagens com efeito

Olá e bem-vindo ao Mult-focos. Quer fazer uma galeria de imagens? Neste post vamos ver CSS Triângulo de imagens, com efeito, muito apropriado para destacar suas imagens com um visual incrível.

Spoiler com animação para Blogger

Olá amigos Mult-focos, Temos aqui um pequeno truque para vocês, é um spoiler com animação para Blogger. Com ele você pode esconder partes do seu conteúdo e deixar acessível um botão para seu visitante acessa-lo, diminuindo assim o espaço deste conteúdo em sua página.

Botão CSS oferta Mult-focos para blogger

Olá amigos Mult-focos, temos aqui um lindo botão para seu blog, é o Botão CSS oferta Mult-focos para blogger, bastante configurável se assim você quiser.

Acordeom CSS horizontal para blogger

Olá amigos Mult-focos, vamos ver neste post um lindo acordeon CSS horizontal para blogger

Animação 3D usando puro CSS3

Olá amigos Mult-focos, neste post vamos ver uma linda animação 3D usando puro CSS3, aqui está um exemplo da muito poderosa animação CSS3 e efeitos 3D. Apenas certifique se você está executando a versão mais recente de um webkit navegador baseado (Apple Safari ou Google Chrome) para ver o efeito, pois até o momento o internet explore e o Firefox não são compatíveis com o efeito.

Botões Firefox CSS3

Olá amigos Mult-focos, trazemos botões mult uso para seu blog, neste post temos , para você usar como lhe convier.

Veja demo clicando em result no Box de códigos ou no botão abaixo.

Botão lego CSS para Blogger

Olá amigos Mult-focos, trazemos mais botões mult uso para seu blog, neste post temos um lindo botão lego CSS para Blogger, para você usar como lhe convier.

Veja demo clicando em result no Box de códigos, o CSS você adiciona antes de:

]]></b:skin>

o código HTML você configura e usa no HTML de seu post, podendo usar apenas um, dois três ou quatro.
Isto é tudo.

---

---

---

Galeria de imagens deslizantes para blogger

Olá amigos Mult-focos, neste post veremos como adicionar uma Galeria de imagens deslizantes para blogger.
Nesta galeria a imagem desliza para cima destacando seu titulo, descrição e um link para o restante do artigo.

Fantástico efeito CSS3 em imagem para Blogger

Olá amigos Mult-focos, temos aqui um fantástico efeito CSS3 em imagem para Blogger.
O efeito consiste em transformar uma imagem em capa de vinil e ao passar o mouse sobre ela, o vinil sai da capa e a informação a respeito da imagem aparece sobre a ela.
Quer ver um demo, clique no botão abaixo.

Como dividir área de post em duas colunas no Blogger

Olá amigos Mult-focos, cansado do visual do seu blog? Aprenda aqui como dividir área de post em duas colunas no Blogger e mudar o visual do seu blog para um visual estilo revista.

Paginação estilo amendoim para Blogger

Olá amigos Mult-focos, temos aqui uma paginação estilo amendoim para Blogger.
Trata-se de um projeto que a navegação de página foi inspirada em grãos de amendoim, porém apesar do formato nada lhe impede de mudar suas cores para as que mais combinem com seu blog bastando para isto experiência da sua parte para fazer as alterações.