Efeito Liake para imagens

by - setembro 08, 2013


Hello queridos, espero que estejam super bem!
Criei um efeito bem legal para imagens, e dei o nome de Liake. A melhor parte é
dar os nomes rsrsrsrs. Visualize: (x)
Para utiliza-lo:

Cole o seguinte código acima antes de ]]></b:skin>:

.liake {
background: #fcc;
border: 1px solid #bbbbbb;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
padding: 5px;}
.liake:hover {
-webkit-filter: contrast(1.5);
-webkit-transition:all 1s ease;}
E adicione ao código da imagem onde quer usar o efeito, o seguinte: class="liake". Deve ficar assim:

<img src="url" class="liake"/>

E para usa-lo em todas as imagens da postagem, use o código:


.post-body img {
background: #fcc;
border: 1px solid #bbbbbb;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
padding: 5px;}
.post-body img:hover {
-webkit-filter: contrast(1.5);
-webkit-transition:all 1s ease;}

Espero que gostem^^ 

You May Also Like

15 Comentários

  1. Bonitinho o efeito *-*

    http://the-kawaiis.blogspot.com.br/

    ResponderExcluir
  2. Adorei o efeito! Muito fofo :3

    vidadeumasone.blogspot.com

    ResponderExcluir
  3. efeito muito kawaii! ^^
    http://kawaiiyujo.blogspot.com.br/

    ResponderExcluir
  4. Gostei muito desse efeito no proximo lay colocarei ele!
    -Kiss-
    2ª Dimensão

    ResponderExcluir
  5. Yoo ;33
    KKKKKKKK ' adorei o nome do efeito , mas porque Liake ? O.o

    Também gostei do efeito , é super legal *O*
    Nossa , um dia eu vou ter que procurar como é que faz essas coisas , tipo menus e efeitos USHSUSHUSHS ' não sei nadica u.u

    Beijooooooooooooooos e mil abraços !! *3*

    ResponderExcluir
    Respostas
    1. Yoo~~
      rsrs que bom que gostou^~^ ahnnn...não sei. e.e'

      Fico feliz por ter gostado^^

      ~~Kissus fofa

      Excluir
  6. Gabi,ha um problema com o lay que me fizes-te.
    Quando vim hoje ao pc, a area dos posts e a sedebar tavam mais pequenos.A imgs ficam fora e tal..sabes como resolver?
    Kiss~

    ResponderExcluir
    Respostas
    1. Bem, eu visitei seu blog, e aqui tá tudo normal O.o
      deve ser o navegador, tente dar CTRL+0 ^^

      ~~Kiss

      Excluir
    2. Avisas-te?
      Como assim?

      Excluir
  7. Adorei o seu blog Gaby-chan...

    E vlw a dica para as imagens. Bye!

    ResponderExcluir
  8. Olha,sabes aquele efeito que tens nos marcadores agr?
    Antes estava no lay que me fizes-te,mas depois tiras-te.Porque?

    ResponderExcluir

Muito obrigada por seu comentário e por sua presença!
Ambos são super importantes para mim.

Kaomojis:
(*´∀`*) (*≧∀≦*) (=´∀`)人(´∀`=) ( ・ ▽ ・)
ヾ(*^▽^*)o, 。・゚゚・(>_<)・゚゚・。 (>ω<;)*(´∀`)ノノ*
(。ゝω・)~♡ ヘ(´∀`ヘ)ヘ (╯°□°)╯•ᴥ• (´・ω・`)