Efeito "Dance"

Baloes *o*

Hey cupcakes apimentados, desculpem pelo cookie de desaparecimento que eu comi, mas estava fazendo um layout para o Dancin' With Strawberries (visite clicando ali em cima) mas voltei com um efeito que pode ser usado tanto para afiliados quanto para equipe, no D'WS eu uso na equipe se quiser ver como fica mas o efeito é assim:

Mas porque dance? Porque com a velocidade do efeito e as bordas arredondas parecer que a imagem dança, mas também por causa do nome do blog onde o efeito foi criado (Dancin' With Strawberries)

Aplique acima de b:skin :

.equipe {

-webkit-border-radius: 70px; /* bordas arredondadas */
-webkit-border-top-left-radius: 0; /* borda arredondada em cima na esquerda */
border-radius: 60px; /* bordas arredondadas */
border-top-left-radius: 0;  /* borda arredondada em cima na esquerda */
border: 1px double #fff; /* borda colorida */
box-shadow: 1px 3px 15px 2px #ccc; /* sombra da imagem */
-webkit-transition-duration: 1.10s; /* duração da transição */

}
.equipe:hover {

border-top-left-radius: 70px; /* borda arredondada em cima na esquerda */
border-top-right-radius: 100px; /* borda arredondada em cima na direita */
border-bottom-left-radius: 0px; /* borda arredondada embaixo na esquerda */
border-bottom-right-radius: 0px; /* borda arredondada embaixo na direita */
-webkit-transition-duration: 1.10s; /* duração da transição */
}

Observações:

1. Alguns "bordas arredondadas" estão com o valor zero, mas se é zero então é mesmo que nada certo? NÃO!  Se tirar o canto não fica quadradinho

2. Pode mudar a velocidade da transição mas o efeito vai mudar, só avisando!

3. Eu usei avatares 100x100, e digo mais: fica melhor na equipe do que nos afiliados pois tem imagens menores ok?

Bom gente linda, é isso, olha foi sem querer que eu fiz esse efeito mas ficou muito fofo e novo! Se usar lembre-se de creditar ok?
Próximo post: Blockquote hover
Kiss&Kiss