Olá gatinhos, tudo bem? Sintam-se a vontade e sejam bem vindos ao meu cantinho, este bloguinho foi criado em julho de 2012 e até hoje é direcionado a área de html e css. E se desejarem algo não exitem e peçam pela ask! beijinhos, bye ♡

9.6.14

Efeitos cavalga 1,2 e 3 (pedido ask)


Boa noite gente, tudo belezinha? Nossa, nem sei como começar mas bem, eu sei que alguns levaram um susto por eu ter fechado o blog e não te postado esses dias, mas eu realmente estava triste e super chateada com algumas coisas. Sei que muitos também acham que é para fazer charme ou querer chamar atenção, mas de longe que quero isso, até porque esses últimos meses foram bem produtivos para o blog que fiquei muito surpresa com o crescimento dele. E sou muito grata por isso muito mesmo, mas não foi por pouca coisa que queria sair deste meio, foram muitas e coisas bem chatas mesmo. Como não sabem muitos já saíram e continuam a sair da blogosfera atual por motivos bestas, mas que detonam com a vontade de qualquer um postar. Eu mesma senti isso na pele alguns dias atrás, e garanto para vocês que não é nada agradável e muitos menos saudável, foda =/

Mas retornando a minha vida aqui no blog eu estou atendendo os pedidos que ficaram para trás na ask e uma menina havia me pedido um efeito que era de algo cavalgar, eu imaginei qual fosse mas não ficaram iguais, mas se pararem para ver os efeitos eles dão a entender que estão cavalgando. Pelo menos é assim que eu vejo quando as imagens se mexem o.o Se não for por favor quem me pediu me avise que prometo que irei tentar criar um que fique bem do jeito que quer ok? Então amores me desculpem mesmo por eu ter deixado o blog fechado e ter me afastado esses dias ai, prometo que não irá acontecer ou ao menos irei tentar. Bem minhas coisas lindas, espero que curtam os efeitos em keyframes e espero que usem né? Kissus infintos da tia Roh e inté mais - ^3^ -


LIVE PREVIEW «✪»

Efeito Cavalga 1
@-webkit-keyframes cavalga {
0% {-webkit-transform: rotate(-50deg); }
25% {-webkit-transform: rotate(3deg); }
50% {-webkit-transform: rotate(-4deg); }
75% {-webkit-transform: rotate(3deg); }
100% {-webkit-transform: rotate(-50deg); }
}
.cavalga {-webkit-transition: .5s; border-radius: 2px; box-shadow: 1px 1px #fff;border: 2px solid #FFC8D4;}
.cavalga:hover {-webkit-animation: cavalga .5s alternate infinite linear;} 
Para usar o efeito em imagem:
<img src="IMAGEM" class="cavalga" />
Efeito Cavalga 2
@-webkit-keyframes cavalga2 {
0% {-webkit-transform: translatey(1px);}
25% {-webkit-transform: rotate(20deg); }
50% {-webkit-transform: translatey(-30px);}
100% {-webkit-transform: translatey(1px);}
}
.cavalga2 {-webkit-transition: .5s; border-radius: 2px; box-shadow: 1px 1px #fff;border: 2px solid #FFC8D4;}
.cavalga2:hover {-webkit-animation: cavalga2 .5s alternate infinite linear;} 
 Para usar o efeito em imagem:
<img src="IMAGEM" class="cavalga2" />
Efeito Cavalga 3
@-webkit-keyframes cavalga3 {
0% {-webkit-transform: rotate(20deg); }
10% {-webkit-transform: translatey(10px);}
25% {-webkit-transform: rotate(10deg); }
50% {-webkit-transform: rotate(-10deg); }
75% {-webkit-transform: rotate(3deg); }
100% {-webkit-transform: rotate(20deg); }
}
.cavalga3 {-webkit-transition: .5s; border-radius: 2px; box-shadow: 1px 1px #fff;border: 2px solid #FFC8D4;}
.cavalga3:hover {-webkit-animation: cavalga3 .5s alternate infinite linear;} 
Para usar o efeito em imagem:
<img src="IMAGEM" class="cavalga3" />


19 comentários:

  1. Ai Roh, assim você me deixa curiosa. Estou sofrendo pra saber o que aconteceu, mas ok. O que importa é que você está aqui agora u3u
    Nossa, eu ainda to chocada com aquela menina pedindo pra você dar o blog pra irmã dela, sério, não consigo esquecer!!
    Enfim, que efeito divos! Só eu não sei fazer? Ensina á mexer com isso muilier!!

    Royalty

    ResponderExcluir
    Respostas
    1. UHASUHASuhaS eita meninada curiosa gente AHSuhsuahsahs, olha uma hora quem sabe eu comento algo. Pois é né? Eu sei que as vezes não fazem por mal mas falam cada coisa né? Eu fiquei bem chateada com aquilo, mas deixa pra lá pois se eu ficar pensando muito eu me deprimo e desisto de tudo novamente u.u. Ensinar a mexer com keyframes? Tipo eu seria um desastre ensinando isso, mas tem vários sites de html e css que ensinam amor >.<

      Excluir
  2. amei os efeitos >.<
    posta mais assim, faz tempo que estou procurando efeitos legais..

    besos =3' | world-of-htmll.blogspot.com.br/

    ResponderExcluir
  3. Ahn? Você fechou o blog? Bom, eu não vi isso mas imagino o susto repentino. Ah, isso acontece mesmo, as besteiras bestas do nosso dia-a-dia sempre interferem até mesmo naquilo que gostamos muito mas vai passar Roh-chan! ;)
    Esses efeitos simulam mesmo cavalgadas, acho que a menina estava pensando em fazer u mlayout inspirado em cavalos, não acha? Esses efeitos ficaram uma graça mesmo :3

    Xoxo || Once Upon a Time

    ResponderExcluir
    Respostas
    1. Sim fechei mas foi por dois ou três dias, então quem não entrou nem percebeu mesmo ^^ Awww que bom que achou isso dos efeitos pois tentei ao máximo deixar parecido com cavalgadas UAHSUASHUSHUAHS Beijos =3

      Excluir
  4. Quando você fechou o blog eu pensei em morrer, me atirar pela colina, levar um tiro, endoidar sei lá :O ç.ç Mas sério, eu pensava que você ia mudar o lay o.o Esse é tão mimoso <3

    Awwwn, esse efeito fica tão fofinho ♥ Ele tá a impressão mesmo de que a imagem está como se fosse cavalgando mesmo, sei lá. Enfim, lindo *O*

    | Mands, do Mundo Kawaii |

    ResponderExcluir
    Respostas
    1. Credo louca UHSUAHSUHSUH, não pelo blog né? Não valeria a pena vai por mim :v Bem não irei mudar de lay tão cedo u.u Obrigada amore fico feliz que tenha curtido os efeitos >.< Beijos =3

      Excluir
  5. Oi? Você fechou o blog? Não, pera... nem tinha visto rsrsrsrs, espero que nunca nem pense em fechar esse blog! Ele é muito diwo!
    Amei os efeitos ficaram tão lindos e se parecem sim que estão cavalgando rsrsrs, lindos ^^
    Uma Princess Rebelde (troca divulgação? Desculpe pelo esse espaço feio de pedido :/ )

    ResponderExcluir
    Respostas
    1. Sim fechei mas abri depois de alguns breves dias >.< Bem isso só o tempo e o povo maldoso da blogosfera é que irá determinar se irei fechar ou não u.u Amore quando eu for fazer um post de novas divulgações eu te coloco ok?

      Excluir
  6. Nem vi que você tinha fechado o blog, mas que bom que voltou. A blogosfera perderia um blogueira ótima se você saísse! Esse efeito ficou lindo, fofo demais, adorei :3

    below average ✌

    ResponderExcluir
    Respostas
    1. Awww que bom que pensa assim, muitos me acham uma idiota mas enfim u.u Que bom que gostou dos efeitos >.<

      Excluir
  7. Que bom que você voltou, imagina se você deixasse o blog para sempre fechado ? Muitas pessoas (inclusive eu) que te admiram e gostam de suas postagens iriam simplesmente infartar :O
    Que efeito diferente, nunca tinha visto nada parecido. Adorei principalmente o segundo >w<

    ~kiss
    CS ♥

    ResponderExcluir
    Respostas
    1. Ahhh obrigada, fico feliz em saber que pessoas me admiram *o* isso é bem legal <3 Que bom que gostou dos efeitos, tentei fazer eles bem diferentes mesmo ;)

      Excluir
  8. Achei o efeito do segundo tão engraçadinho sauusauas, Roh, que bom que você voltou, não dá ouvidos a quem quer te prejudicar( não sei quem), continue com o seu trabalho,Sou tua fã! ♥

    ResponderExcluir
    Respostas
    1. Obrigada ^^ Pois é, eu tava pensando e pensando mas nada como conversar com uma amiga para esclarecer as coisas e esfriar as coisas >.<

      Excluir
  9. ual que perfeição,eu acho que vou usar,até que não é muito difcil colocar esse efeito parebéns pelo post haha' amei muito e vou creditar se usar !
    bjs <3
    loveforhtml.blogspot.com.br (visita?)

    ResponderExcluir
    Respostas
    1. Obrigada amore >.< que bom que gostou *o* Sim, fique a vontade ;)

      Excluir
  10. Yoo ~
    Andei fuçando se blog ~loucura~ e achei super hiper mega fofo *-*
    Vagas para divulgação ? eu blog --> Pastel De Flango
    Obrigada *---*

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

LAYOUT E CODIFICAÇÃO POR ROH A. RAMOS OS DIREITOS ESTÃO RESERVADOS | Tecnologia do Blogger © 2017