Tutorial - Efeito Circle #1

Boa tarde, gente.

Trouxe hoje um tutorial que me pediram e vi que uma outra blogueira que conheço também precisava, então aqui estou. A introdução é bem curtinha, e o efeito é bacaninha até. Para visualizar, clique aqui e vá ao gadget "Circle".
Eu não tenho muito o que falar dele, é basicamente a imagem que vai tomando uma forma arredondada dependendo do valor imposto.

1 - Vá ao teu HTML e pesquise por ]]></b:skin>

E acima da tag, cole :

.equipe {-webkit-transition: all 1.0s linear;-webkit-transition: all 1.0s linear;-moz-transition: all 1.0s linear;transition: all 1.0s linear; /* Efeito fade */-webkit-box-shadow: 0 0 .3em #000000; /* Sombra */filter:alpha(opacity=65); /* Opacidade */-moz-opacity:0.65;opacity:0.65;cursor: crosshair; /* Cursor */}.equipe:hover {-webkit-box-shadow: 0 0 .3em #000000; /* Sombra */-webkit-transition: all 1.0s linear;-webkit-transition: all 1.0s linear;-moz-transition: all 1.0s linear;transition: all 1.0s linear; /* Efeito fade */-webkit-border-radius: 72px; /* Bordas arredondadas */-moz-border-radius: 72px;border-radius: 72px;filter:alpha(opacity=100); /* Opacidade */-moz-opacity:1.0;opacity:1.0;cursor: crosshair; /* Cursor */}

O código já se explica, e para colocar no gadget, vá e cole:

<a href="Teu link" target="_blank"><img border="0" class="equipe" src="Imagem" title="Legenda" /></a>

Bom, esse efeito estava no meu bloco de notas, por isso não está com créditos, então se for seu, me avise pela ask. ele é encontrado em vááários tumblrs, blogs e até mesmo sites só para HTML, então não é muito complicado, inclusive é considerado código básico. Se alguém tiver alguma dúvida, cá estou eu.