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^^ 

Share
Tweet
Pin
Share
Tags :

You May Also Like

15 Comentários

  1. ゆのチャン Gasai ♥8 de setembro de 2013 às 06:09

    Bonitinho o efeito *-*

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

    ResponderExcluir
  2. Letícia8 de setembro de 2013 às 06:48

    Adorei o efeito! Muito fofo :3

    vidadeumasone.blogspot.com

    ResponderExcluir
  3. Marih Yoshida8 de setembro de 2013 às 09:32

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

    ResponderExcluir
  4. Alysson8 de setembro de 2013 às 13:18

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

    ResponderExcluir
  5. Nanda-chan8 de setembro de 2013 às 14:20

    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. Gaby Misaki9 de setembro de 2013 às 11:22

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

      Fico feliz por ter gostado^^

      ~~Kissus fofa

      Excluir
  6. Anônimo9 de setembro de 2013 às 05:29

    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. Gaby Misaki9 de setembro de 2013 às 11:37

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

      ~~Kiss

      Excluir
    2. Anônimo10 de setembro de 2013 às 03:25

      Avisas-te?
      Como assim?

      Excluir
  7. Diego9 de setembro de 2013 às 12:20

    Adorei o seu blog Gaby-chan...

    E vlw a dica para as imagens. Bye!

    ResponderExcluir
  8. Anônimo10 de setembro de 2013 às 03:26

    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, ｡･ﾟﾟ･(>_<)･ﾟﾟ･｡ (＞ω＜；)＊(´∀`)ﾉﾉ＊
（。ゝω・）～♡ ﾍ(´∀｀ﾍ)ﾍ (╯°□°）╯•ᴥ• (´･ω･`)