Alguém conhece The Pretty Reckless?
Olá,
É eu sei que eu dei uma sumida. Mas foi como a Lúuh disse: eu estava doente e também estava sem internet. E confesso que também estava sem inspiração. Sempre ela. Mas não se preocupem que agora estou de volta.
Hoje só para não ficar em branco trouxe alguns efeitos para vocês. Todos eles são de um antigo blog de html meu. Então para ver os tutos já sabem onde clicar.
Efeito Cool - Preview
Aperte ctrl+f e digite </b:skin> acima dele cole:
@-webkit-keyframes cool {Em um Gadget/JavaScript cole:
0% {transform: rotate(0deg) translate(0px); -webkit-transform: rotate(0deg) translate(0px); -moz-transform: rotate(0deg) translate(0px); -o-transform: rotate(0deg) translate(0px); -ms-transform: rotate(0deg) translate(0px);}
12% {transform: rotate(10deg) translate(10px); -webkit-transform: rotate(10deg) translate(10px); -moz-transform: rotate(10deg) translate(10px); -o-transform: rotate(10deg) translate(10px); -ms-transform: rotate(10deg) translate(10px);}
25% {transform: rotate(18deg) translate(18px); -webkit-transform: rotate(18deg) translate(18px); -moz-transform: rotate(18deg) translate(18px); -o-transform: rotate(18deg) translate(18px); -ms-transform: rotate(18deg) translate(18px);}
50% {transform: rotate(10deg) translate(10px); -webkit-transform: rotate(10deg) translate(10px); -moz-transform: rotate(10deg) translate(10px); -o-transform: rotate(10deg) translate(10px); -ms-transform: rotate(10deg) translate(10px);}
75% {transform: rotate(18deg) translate(18px); -webkit-transform: rotate(18deg) translate(18px); -moz-transform: rotate(18deg) translate(18px); -o-transform: rotate(18deg) translate(18px); -ms-transform: rotate(18deg) translate(18px);}
87% {transform: rotate(10deg) translate(10px); -webkit-transform: rotate(10deg) translate(10px); -moz-transform: rotate(10deg) translate(10px); -o-transform: rotate(10deg) translate(10px); -ms-transform: rotate(10deg) translate(10px);}
100% {transform: rotate(0deg) translate(0px); -webkit-transform: rotate(0deg) translate(0px); -moz-transform: rotate(0deg) translate(0px); -o-transform: rotate(0deg) translate(0px); -ms-transform: rotate(0deg) translate(0px);}
}
.cool {-webkit-transition: .9s; border-radius: 5px;}
.cool:hover {-webkit-animation: cool .9s alternate ease;
}
<img src="sua imagem" class="cool">
Swing Effect - Preview
Coloca isso antes de </b:skin>
@-webkit-keyframes swing {
0% {transform: rotate(0deg) translate(0px); -webkit-transform: rotate(0deg) translate(0px); -moz-transform: rotate(0deg) translate(0px); -o-transform: rotate(0deg) translate(0px); -ms-transform: rotate(0deg) translate(0px);}
25% {transform: rotate(5deg) translate(5px); -webkit-transform: rotate(5deg) translate(5px); -moz-transform: rotate(5deg) translate(5px); -o-transform: rotate(5deg) translate(5px); -ms-transform: rotate(5deg) translate(5px);}
50% {transform: rotate(-5deg) translate(-5px); -webkit-transform: rotate(-5deg) translate(-5px); -moz-transform: rotate(-5deg) translate(-5px); -o-transform: rotate(-5deg) translate(-5px); -ms-transform: rotate(-5deg) translate(-5px);}
75% {transform: rotate(5deg) translate(5px); -webkit-transform: rotate(5deg) translate(5px); -moz-transform: rotate(5deg) translate(5px); -o-transform: rotate(5deg) translate(5px); -ms-transform: rotate(5deg) translate(5px);}
100% {transform: rotate(0deg) translate(0px); -webkit-transform: rotate(0deg) translate(0px); -moz-transform: rotate(0deg) translate(0px); -o-transform: rotate(0deg) translate(0px); -ms-transform: rotate(0deg) translate(0px);}
.swing {-webkit-transition: .9s; border-radius: 5px;}
.swing:hover {-webkit-animation: swing .9s alternate ease;
}
E em um Gadget/javascript cole:
<img src="sua imagem" class="swing">
Zoom Scale - Preview
(esse tudo é do KW)
Procure por: ]]></b:skin> e Acima dele cole:
.elitescale{Em um gadget/javascript cole:
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
background-color: #EE3A8C;
padding: 3px;
}
.elitescale:hover {
-webkit-transform: scale(1.20);
-moz-transform: scale(1.20);
background-color: #FF82AB;
padding: 3px;
}
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA SUA IMAGEM" class="elitescale"/></a>
Para mudar as cores e outras coisas é só ir fuçando. Mas qualquer dúvida só comentar.
Kisses ^3^
Ai eu adoro tutoriais,mas eu nunca sei fazer elesx :\ , mas mesmo assim gostei!
ResponderExcluirBjs
www.mundo-desonhadores.blogspot.com
Da uma passadinha lá no meu blog se puder :)
Ai que pena! Acho que vou tentar criar um tutorial de como usar os tutoriais. Assim eu tento ajudar. Mas se têm alguma pergunta, manda ai que eu respondo ;)
ExcluirA-M-E-I os efeitos não conhecia esses *----*
ResponderExcluirfavoritei, vou usar no próximo lay c;
vaonamala0ficial.blogspot.com
Sério? Que bom. Faço um bom proveito!
ExcluirQue lindos! Também não conhecia esses! ^^
ResponderExcluirBjo, Sel ;*
Jovens Gordinhas
Unicórnio com Bigode
Nerd Descolada
Que bom que gostou!
ExcluirAdorei os efeitos!! Eu conheço The Pretty Reckless kk
ResponderExcluirchuvasdioutono.blogspot.com.br
Meus Deus! Que bom. Estou começando a amar essa banda. Kk
ExcluirA-M-E-I os efeitos!!!
ResponderExcluirseguindo aqui.
:)
www.meninaperdida.com
Obrigada!
Excluiramei seu blog,muito lindo!
ResponderExcluirSeguindo,segue de volta?
summerscomicsworld.blogspot.com.br
belo blog, gostii do dele e do post XD
ResponderExcluirkissus
ncnosekai.blogspot.com
Aun! Sou só uma postadora mas obrigada pelo elogio. Bjs
ExcluirAwnt que Blog mais lindooo meu deus! amei >.<
ResponderExcluirGostei dos efeitos, muito fofos! (Principalmente o efeito cool!)eu não conhecia esses.
ps: adorei aqui e já tô seguindo, venha conhecer o meu e se curtir, não esqueça de fazer parte, ta? ficarei feliz d+!
espero que goste, beijos flor. Espero você!
➥ pareinosquinze.blogspot.com
➥ facebook.com/BlogPareiNosQuinze
- Poxa, ainda bem que você se recuperou né.
ResponderExcluirUau! amei os efeitos, principalmente o segundo que é bem parecido com o primeiro mais é mais fofo ;)
Adolescente Nerd // Novo Layout
Da uma olhada:
ResponderExcluirhttp://x-celebridades.blogspot.com.br/2013/06/desculpa.html
Oi amor vc vai participar do concurso se vai da uma olhada pq é importante e tem prêmios:
ResponderExcluirhttp://x-celebridades.blogspot.com.br/2013/06/ja-to-me-surpreendendo.html
Bjks Me avisa nos comentários se vai ou não!
Este comentário foi removido pelo autor.
ResponderExcluirAmei :3
ResponderExcluirAdorei os efeitos.
ResponderExcluirBeijos, Lili
Princesa Teen / Layout novo e novidades.
Receitinha! / Assista! Se inscreve e divulga!
Vou usar, no proximo lay ><
ResponderExcluir- Você está participando do mini-game, basta votar, na barra lateral bem no topo ! Kisses s2
http://frases-quesejainfinito.blogspot.com.br/
adorei adorei adorei!!
ResponderExcluiraceita parceria\afiliados?? responda nos meus comentários <3
http://euamotutoriais.blogspot.com.br/ amo o blog acompanho ele demais <3
Seguindo
Adorei os efeitos, perfeitos!!!
ResponderExcluirteen-girl-fashion.blogspot.com
Oi linda,gosto muito da banda de rock
ResponderExcluirThe Pretty Reckless.Minha música preferida
é Make Me Wanna Die,mudando de assunto adorei
o post :)
Que efeitos lindos! Adorei seu blog, realmente muito incrível, tem tudo para fazer o maior sucesso; Já estou seguindo, segue o meu também?
ResponderExcluirwww.espacegirl.com
que blog lindo ameiii d+++ da conta !
ResponderExcluirveja>> http://seututorialmeututorial.blogspot.com.br/
Ótimos efeitos ^^
ResponderExcluirBeijos~
www.black-cherry.net
Oi flor!! Tem um selinho pra você lá no blog!!! Beijos
ResponderExcluirprincesasmaquiada.blogspot.com.br
Bem legal os efeitos!
ResponderExcluirxoxo
Pimenta Rosa
Amei o tuto mais no novo HTML não tem .
ResponderExcluirvlog--meumundo.blogspot.com
Adorei o post, criativo e legal. Acabei de conhecer o seu blog e fiquei encantada com tudo ♥
ResponderExcluirLindo mesmo :)
Beijos
http://glendalcantara.blogspot.com.br
adorei os efeitos !
ResponderExcluirdesculpe a demora de visitar seu blog e tal eu estava sem net , e ficou meio complicado de comentar .
beijos candyedream.blogspot.com
Ótimos efeitos ^^
ResponderExcluirBeijos~
www.black-cherry.net
Efeitos muito lindos.Os tutorias são sempre ótimos.
ResponderExcluirParabéns.
http://gota-de-inverno.blogspot.com.br/
Os efeito são tão fofinhos ameii ^^
ResponderExcluirhttp://h-piece.blogspot.com.br/
é uma pena que eu não tenha conseguido por estes efeitos :C , poderia fazer um tutorial explicando melhor? Obrigada , ah , pode dar uma passadinha: http://bonequinha-fragil.blogspot.com.br/
ResponderExcluirAdorei os tutos, quando vc puder posta mais??
ResponderExcluirDesculpa por eu está sumida te peço desculpa pq vc é minha afiliada mas prometo que agora nas férias vou deixar o meu blog em dia!!
Beijinhos tomara que vc me entenda ^3^
http://thingsteenoficial.blogspot.com.br
Este comentário foi removido pelo autor.
ResponderExcluirQuerida amiga ...
ResponderExcluirEu sei da falta que tenho em visitar sua casa tão querida por mim
nesse mundo infinito onde construímos verdadeiras amizades
que terei o resto de vida para agradecer .
O momento não esta sendo muito oportuno mais desejo prosseguir
com minha amizade que sempre
reguei de todas as formas ser fiel a todos.
Hoje com minha casa um pouco mais triste sinto falta do carinho
daqueles que aos poucos vão esquecendo da luta que tenho travado pela vida,
Deus sabe da minha luta constante nem preciso falar muito
pois nesse mundo a gente recebe boas lições que nos feri no fundo da alma.
Uma dedicação de quase 10 anos hoje me sinto mal diante de tudo
que restou daquilo que construí muitas vezes com suor e lagrimasem moentos
de não estar em condiçõesmais continuei lutei para nunca me afastar
E o pior de tudo é que eu construí com carinho mundo de amor .
E plantei flores para te dar mas sinto que vão perecer .
Feliz final de semana beijos no coração carinhos na alma.
Evanir.