Imagem levantando ao passar o mouse

Yo!!! Como vão todos? Espero de todo coração que bem. Hoje venho trazer um tutorial bem simples, sério simples mesmo. Apesar de ser um pouco antigo, sempre aguça a curiosidade dos iniciantes no blogger. Então dedico essa postagem a vocês que está começando. Hoje vou ensinar como fazer o efeito da imagem levantando (um pouco) ao passar o mouse sobre ela. É um detalhe bem simples, mas que dá um charminho a aqueles que gostam de deixar o blog enfeitado, sem deixar a aparência pesada. 

Continuar...

Efeito animação em 3D em imagem

Hiiii! Como vão todos? Bom espero que bem! Sempre desejo que bem. Hoje venho trazer um efeito para imagens, uma animação em 3D, utilizando somente CSS, claro que hoje em dia é possível fazer muitas coisas só com o CSS, mas o efeito 3D não se trata somente de um hover, mas de um efeito em peso que faz parecer que usamos nosso querido JQuery, mas desda vez não. É possível ver o efeito no link mais abaixo, os créditos vão para o blog Mundo Blogger.

Continuar...

Texto (imagem) subindo ou descendo

Hey! Hey! Pessoal! Como vão hoje? Bem decidi trazer um tutorial meio antigo e bastante procurado, mas infelizmente são pouco sites que disponibilizam ele de forma funcional. No tutorial de hoje vou mostrar como colocar um texto com movimento de subir ou descer. Também pode se utilizar imagens no lugar de texto. Aqui no blog tem o mesmo tutorial, porém adaptado para imagem [ver].

Continuar...

Pré-visualização da imagem em movimento com JQuery

Yo! Como vão hoje queridos bunnie's? Venho trazer a segunda postagem do dia, faz tempo que não posto assim em sequencia. Bom saindo um pouco dos menus, venho trazer um efeito legal para imagens, pode ser tanto usado em gadgets como em postagens, fica muito lindo. Trata-se de um efeito de pré-visualização em movimento das imagens dos posts, que funciona a base de um script desenvolvido por Alen Grakalic, autor do site CSS Globe em conjunto com o JQuery. Porém o código que apresento aqui é uma adaptação com um pouco d CSS do Mundo Blogger. 

Continuar...

Galeria de Imagens JQuery Zoom/Hover

Ohayoo bunnie's! Hoje venho trazer um estilo de galeria, usando  JQuery . Conheço esse tutorial desde que comecei a me aventurar pelo mundo do HTML, até já o utilizei algumas vezes e acabei por decidir de posta-lo aqui. Encontrei esse tutorial no Mundo Blogger, então se utilizarem por favor creditem. A galeria é muito fácil de aplicar, em apenas três passos você o coloca em seu blog. Além de ser muito fácil de personalizar.

Continuar...

Efeito polígono (sem máscara)

Yo queridos! Hoje venho trazer o famoso efeito polígono, geralmente é necessário uma mascara para dar forma, mas com esse modo é possível fazer sem a mascara o que é bem pratico. Ah! É possível ver o efeito no link abaixo, espero que gostem. 

Continuar...

Efeito de saturação em um grupo de imagens

Hey How bunnie's! Hoje venho trazer um tutorial bem legal! Como aplicar efeito de saturação em um grupo de imagem. O efeito se constitui em todas as imagens estarem com o mesmo efeito, e ao passar o mouse sobre uma delas, a mesma se destaca enquanto as de mais mudam de efeito. Sabendo onde aplicar, fica um efeito muito profissional. Já o utilizei muito nos avatares de afiliados, caso queira ver o efeito basta clicar no link que estará um pouco mais abaixo. Se desejar aprender o tutorial basta continuar lendo. 

Continuar...

Efeito opacidade em um grupo de imagens

Hey! Hey! Como você estão hoje venho trazer um efeito que encontre lá no blog Chá com anjos. O efeito é de opacidade em um grupo de imagens, deixei uma brevia do efeito para vocês, o link estará mais abaixo. Espero que gostem. =)

Continuar...

Imagens com bordas internas por css

Olá outra vez! Hoje venho trazer um tutorial muito querido por mim, vou mostrar como colocar bordas internas em imagens com CSS. Normalmente as bordas ficam em torno de uma imagem, porém com esse tutorial é possível deixa-la mas para dentro da imagem, podendo aplicar feito hover. Você pode ver o resultado no link que deixarei mais abaixo, espero que gostem! Os créditos vão para o blog Chá com Anjos, indico uma visita é um site maravilhoso!

Continuar...

Efeitos nas imagens do blog [Variados]

Yo! Yo! Yo bunnie's! Hoje não trago exatamente um tutorial, mas sim códigos de efeitos. Todos nós conhecemos o famoso efeito opacidade em imagens, preto e branco etc... porém existe muitos mais e hoje trouxe alguns. Eles estão assim sem lisos. Mas se você saber utiliza-los pode criar outros efeitos de imagens bem legais, por exemplo mesclar alguns deles os equilibrando.

Continuar...

Efeito Cool Shadow

Ohayooo bunnie's! Venho trazer mais um efeito para vocês ele se chama Cool Shadow, achei lá no blog Chá com Anjos,então créditos entregues. O efeito é um jogo de sombras, com bordas fica muito bonito sabendo onde aplicar, para quem desejar ver o exemplo basta clicar no link que estará mais abaixo, se gostou siga o tutorial. 

Continuar...

Efeito Borda Gota

Hi guy's! What' up??? Espero que sim! Bom hoje decidi trazer um efeito que já foi usando muito! Muito! Em blogs, apesar de atualmente não ser muito utilizado, para mim efeitos são como moda, vão e voltam e quando voltar, bom estará aqui no meu armário rs Sabe estou pensando seriamente fazer um mapa com todos os tutoriais do blog, mas sei que dará um senhor trabalho, mas seria ótimo na dinâmica de pesquisa para vocês. Então parando de blá, blá, blá vamos aprender o tutorial!. 

Continuar...

Efeito opacidade em hover

Ohayooo bunnie's! Venho trazer mais um efeito de opacidade para o blog. Esse estilo de opacidade é bem antigo e bastante usado nos blogs, seu efeito deixa as imagens normais, e ao passar o mouse ficam com opacidade, porém ao tirar o mouse de cima a imagem continua opaca. O legal desse modo é que não tem necessidade de colocar algum código dentro do HTML, você simplesmente o aplica nos gadgets.

Continuar...

Efeito Increase Rotate

Olá queridos coelhos! Hoje venho trazer mais um efeito de imagens, ele é ótimo para usar próximo ao banner do blog, já que suas imagens são repetidas automaticamente. Muito fácil de entender e personalizar, os créditos vão para o blog Chá com Anjos, se tiverem qualquer duvida é só deixa um comentários que responderei o mais rápido possível! Espero que gostem do efeito. 

Continuar...

Efeito Raio

Hey! Hey! Hoje venho trazer mais um efeito para vocês, esse efeito encontrei lá no blog Chá com Anjos, seu nome original era "Efeito Tosco" mas achei muito parecido com um raio, então troquei rs, mas os credito vão todos para o blog CCA.

Continuar...

Mudando a Imagem ao passar o Mouse (Imagem Hover)

Yo bunnies, como estão? Espero que todos bem. Não tenho certeza, mas acredito que irei viajar no final do ano... deixando o blog novamente em Hiatos, não é bem o que queria, pois deixei o blog em hiatos a tanto tempo e perdi praticamente todas as minhas visitas e afiliados, e agora que estou começando a recuperar, terei que me ausentar novamente, mas acontece néh.... Bom mas deixando esse papo de lado trazer um tutorial básico da semana. Esse tuto já é velhinho, mas gosto muito de usar ele mas acho que nunca cheguei a posta-lo, o efeito é o seguinte; ao passar o mouse sobre o avatar (imagem), ela muda para outra imagem diferente. Você pode incluir um efeito mais tarde.

Continuar...

Efeito Awake

Yo, yo paçoquinhas, como vão indo? Hoje não trago um tutorial mais sim um efeito, creio que muitos já devem conhece-lo mas resolvi trazer aqui para o BC também. O efeito se chama Awake, qual ao passar o mouse em uma imagem se mexe como balanço. Achei cutie <3 Achei o tutorial lá no Pequena Garota, então se utilizarem creditem lá okay? O feito fica mais legal em imagem pequenas deixando mais mimoso e harmonizo. Quer ver o efeito clique no botão abaixo. Agora Lets Go!

Continuar...

Efeito Translate + Efeito Rotate

Olá queridos bunnie's! Hoje venho ensinar dois efeitos para imagens, ele também é valido para sidebar e textos, mas irei mostrar em imagens dessa vez, basta adaptarem se desejarem em outra parte. O efeito é super simples, é o efeito Translate  e o efeito Rotate.  O  efeito translate permite a imagem se mover para os lados, tanto direita quanto esquerda. Já o rotate permite as imagens ficarem de ponta cabeça ao passar o mouse. 

Continuar...

Efeito Speed

O efeito Seed é um tanto divertido, ao passar o mouse sobre a imagem ela se mexe para um lado e para o outro, dando um estilo cômico. Fica muito bonito dependendo de onde aplicar, o tutorial é super rápido e pratico de fazer! Basta continuar lendo...

Continuar...

Efeito Candy

Hey! Hoje é dia de efeito em bordas! E venho trazer uma borda para quem ama layouts coloridos, por isso já aviso cuidado com a demasia para não se tornar "tosco" ou desconfortável para quem vê. O efeito candy é uma borda colorida em degrade. Os créditos vão para o blog Chá com Anjos, espero que gostem do tutorial.

Continuar...