Efeito Stay Strong e Efeito Apple

24 de set de 2013

Hello potatos!
Dei uma pequena ~~sumidinha~~ porque teve prova e coisa e tal... Mas hoje achei um tuto diwo e vim postar pra vocês
Primeiramente, créditos ao blog Apple Love
Como o nome já diz, são dois efeitos, o Apple e o Stay Strong
Para usar o efeito Apple:
Vá no HTML do seu blog e procure por ]]></b:skin>
Acima cole:

/* EFEITO APPLE - POR Apple Love - Rafaela*/.apple{transition:All 1.1279s ease;-webkit-transition:All 1.1279s ease;-moz-transition:All 1.1279s ease;-o-transition:All 1.1279s ease;transform: skew(4deg) scale(1) skew(1deg) translate(10px);-webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);-moz-transform: skew(4deg) scale(1) skew(1deg) translate(10px);-o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);-ms-transform: rotate(4deg) scale(1) opacity(1deg) translate(10px);}.apple:hover{transform: rotate(4deg) scale(0.328) rotate(-180deg) translate(-300px);-webkit-transform: rotate(4deg) scale(0.328) rotate(-180deg) translate(-300px);-moz-transform: rotate(4deg) scale(0.328) rotate(-80deg) translate(-300px);-o-transform: rotate(4deg) scale(0.328) opacity(-180deg) translate(-300px);-ms-transform: rotate(4deg) scale(0.328) skew(-180deg) translate(-300px);}

Salve e vá em Layout
Adicione um HTML/JavaScript e cole o seguinte código:
<a href="URL" title="NOME"><img src="imagem (URL)" class="apple" /></a>
Repita quantas vezes quiser :)

Efeito Stay Strong:
Vá no seu HTML e procure por: ]]></b:skin>
Acima cole: 
.staystrong{max-width:85px;-moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}    .staystrong:hover{-webkit-animation-name: staystrong;    -webkit-animation-duration: 400ms;    -webkit-animation-iteration-count: 2;    -webkit-animation-direction: alternate;}@-webkit-keyframes staystrong {from {opacity: .30;    -webkit-transform:rotate(0deg);    -o-transform:rotate(0deg);    -moz-transform: skew(0deg);}    to {opacity: .30;     -webkit-transform:skew(360deg);    -o-transform:rotate(360deg);    -moz-transform: rotate(360deg);}}
Salve e vá em Layout e coloque em um HTML/JAVA SCRIPT o seguinte código:
 <a href="LINK DO BLOG"title="NOME DO BLOG"><img src="http://3.bp.blogspot.com/-tbU4FXtJo8U/UResoEwBLuI/AAAAAAAAIcA/bkMF4r-Z-nA/s1600/afi7.png"   class="staystrong"/></a>
Repita quantas vezes quiser :)

Espero que tenham gostado :3
Bye e até o proximo post

(a é, esqueci de avisar que voltei com minha antiga assinatura kkk)

4 comentários :

Blogueira Larissa disse...

Amei os efeitos!!!
Beijos flor. Com carinho, amora queen -q

blogandoseuassunto.blogspot.com.br/
blog-sapatinho-de-cristal.blogspot.com.br/
cha-de-glitter.blogspot.com.br/

Marina disse...

Que lindos efeitos! Não conhecia ^^

Heloo Domingos disse...

que bom que gostou :)

Heloo Domingos disse...

Muito lindos mesmo :)
^^

Postar um comentário

Seu Comentários é sempre bem vindo!
Comente,opine,se expresse! Este espaço é seu!
Comentar faz parte,então por favor deixem comentários

-Todos os comentários são moderados e só ficarão disponíveis ao serem aprovados
-A área de comentários não é casa da mãe Joana,então tenha respeito.Não use palavrões,nem insultos,ofensas,agressões e baixarias;
-Não serão aceitos comentários Anônimos,comentários repetidos,e que tenham qualquer material publicitários ou de merchandising pessoal ou de benefício de terceiros
-Contatos pessoais devem ser feitos na pagina de contato.
-Não deixe links desnecessários os comentários

AVISOS:

--Blog não é Chat,respeitadas as regras ,é livre o debate dos assuntos aqui postados,Que o espaço de comentários não sirva para bate papo sobre assuntos de caráter pessoal ou estranhos ao blog
--A tentativa de clonar nomes e apelidos de outros usuários para emitir opiniões em nome de terceiros configura crime de falsidade ideológica.

Espero que tenham gostado do blog e que volte sempre!