Efeito Rotate


Hey people tudo bem? ヾ(*ΦωΦ)ノ Cara eu posso contar um segredo? UAHSuahsuahsuahs bem nem é tão segredo assim mas querem saber o motivo de eu estar tão ausente no blog? Então, repararam que dei uma mudada no blog de imagens e fiz umas melhorias né? Pois é, o meu segredo é que fiquei tão viciada em editar imagens que acho que de uns dias para cá que deixei aqui meio largado eu cheguei a editar um total de 500 imagens (✦థ ェ థ) uhum isso mesmo. E não sei se chegaram a ver mas eu postava de 15 em 15 minutos no grupo os posts de imagens AUHSUAHSuahsuahs. Sei lá peguei gosto pela coisa e adoro ficar testando efeitos, principalmente os psds que deixam as cores mais em evidência *--* Confesso que ainda não tenho muita manha e ainda estou treinando pois nunca fui muito boa nisso. Mas enfim, esse era o motivo mesmo de eu estar meio sumida daqui, prometo dar uma pausa =)

Então queridos, como eu vi que nenhuma alma viva se quer pediu nada na minha ask eu resolvi criar um efeito bem simples e que existem milhares na net parecidos, mas que tem um diferencial, o efeito hover. Perceberam que estão usando bastante o efeito outline com as bordas costuradas né? Então, aproveitando a onda do momento eu fiz o efeito com esses traços, o post anterior foi com um menu com esses efeitos também e vi que a maioria gostou e aprovou ^^ É isso então amores, espero que curtem o efeito e qualquer coisa peçam por favor na ask certo? Beijinhos doces e até a próxima postagem ok?  kissus kissus(〜^∇^)〜

LIVE PREVIEW ★彡

Vá até o modelo e procure por: ]]skin; e acima dele cole o código seguinte:

.rotate {background:#fff; padding:3px; border: solid 1px #FFD8D8;
outline: 1px dotted #FFD5D5;outline-offset: -5px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.rotate:hover {background:#fff; padding:3px; border: solid 1px #FFB3B3;
outline: 1px dashed #FFB3B3;outline-offset: -5px;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform:rotate(360deg);

Links: 

<a href="https://www.blogger.com/LINK" target="blank" title="NOME"><img class="rotate" src="IMAGEM" />
Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

20 comentários:

  1. Omg :o 500 imagens <3 eu também adoro editar,mais acho que não levo muito jeito assim
    <3
    Vou pedir na ask .

    Beeijão
    Trovão de Novembro

    ResponderExcluir
    Respostas
    1. Uhum pensa, tipo cada fotoshoot que faço são mais ou menos umas 30 fotos então vai somando isso em postagens >.< Ok amore Beijos =3

      Excluir
  2. O efeito ficou bem legal !

    http://querida-adoles.blogspot.com.br/ (Meu blog novo,espero vc lá)

    ResponderExcluir
  3. Meu deeus, como tu tem paciência viu ?!! no máximo eu edito só umas 10 e olhe lá *o* aushau eu não tenho paciência, mas 500 é demais, gent...!
    Ameeei o efeito, ele é bem útil, ahh! eu também estava vendo os outros menus no blog de testes e amei cada um.

    Beijos <3
    http://www.p-perfectsthings.com/

    ResponderExcluir
    Respostas
    1. Eu tenho muita paciência para isto, antes confesso que não mas depois que peguei jeito e gosto eu fiquei muito viciada, fico editando e nem vejo a hora passar ^^ Anww sério? Fico feliz >.<

      Excluir
  4. Eu também estou (aliás, sou) apaixonada por editar imagens... Acho muito legal, haha' Vou dar uma olhada no seu blog de imagens, ainda não conheço~.
    O efeito ficou uma gracinha <3
    Beijos~

    {att: Edwiges, from: Fleur Fanées}

    ResponderExcluir
    Respostas
    1. Ainn é tão bom né? Eu to muito viciada cara muito mesmo <3 Anww Obrigada ^^ Beijocas =3

      Excluir
  5. Adorei o efeito, tão lindinho *0*

    www.sendohipster.blogspot.com.br

    ResponderExcluir
  6. Cara que efeito lindo ♥ Eu fiquei uma meia hora passando o mouse dele para girar haha.

    Beijos http://valentinices.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Anww gostou mesmo? Que bom fico feliz UASHUAShaushaush boba >.<

      Excluir
  7. Olá. Oi. Boa tarde. Viciada em editar imagens? hahahah Eu nunca fui muito de editar imagens e essas coisas, tenho sérios problemas com o cursor hahahah NOSSA, 500 IMAGENS? EM SEIS DIAS? Nossa, sério, eu juro que se fosse pra editar 500 imagens eu demorava 200 anos, porque pra mim simplesmente pôr um efeito é um enterro. Eu amo imagens que tem cores mais fortes, mais chamativas, sei lá, o contraste pra mim é o que deixa tudo mais lindo hahahah "Não tenho muita manha e ainda estou treinando pois nunca fui muito boa nisso" Aham, tá, 500 imagens em seis dias e não tem a manha hahahah Acho que se tu gosta de editar imagens, não deveria dar uma "pausa", e sim se organizar pra postar novos tutoriais num determinado tempo e continuar fazendo o que tu gosta c: Se precisar de algum tutorial, vou pedir no teu ask, o.k? hahahah Muito lindo o efeito, eu vi as bordinhas costuradas, tu é muito criativa <3 hahaha Adorei o post, beijo <3

    ResponderExcluir
    Respostas
    1. Pois é 500 mesmo O.O Mas isso foi que nem percebi sabia? Tu vai fazendo e fazendo e quando para e vê já se foram tudo isso mesmo. Sim confesso que nunca fui muito boa em editar imagens, já melhorei muito de uns tempos para cá ^^ Ah tá fique a vontade pode pedir ;) Anww Obrigada linda <3

      Excluir
  8. Que efeito mais cute minha gente >u<, eu estou usando no meu futuro lay free, e vou creditar claro hehehe, ^^, beijos, se quiser ver o lay quando eu acabar o meu blog é esse: http://blog-apenas-uma-otome.blogspot.com.br/

    beijossssssss

    ResponderExcluir
    Respostas
    1. Obrigada linda ^^ Ah sim eu já vi ficou bem legal ^^ Beijocas =3

      Excluir
  9. Olha,o meu html é diferente,por isso não dá pra colocar nada,oque eu faço?

    ResponderExcluir
  10. Que layout fofo e lindo gente, me apaixonei por aqui! *-*
    Ah, esse efeito é super legal, eu adoro ele!

    Beijos, tipo, caroline! (blog novo, link no perfil)

    ResponderExcluir
    Respostas
    1. Anwww obrigada fofa, é uma honra saber que gostam do meu layout >.< Obrigada ^^ Beijos =3

      Excluir

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 blogs que mais ajudaram com os tutoriais foram: CHIHDVCA Tecnologia do Blogger ♡ 2012 a 2017