Borda personalizada na imagem

Yoo amora! como está sendo o domingo de vocês o meu vai indo bem e se lembrem do meu outro blog chamado My cupcake world? ele abriu as portas!!! mas só que eu só vou postar lá nos sábados e aos domingos se não conhece o blog visite aqui . Hoje eu estava no Flufy White e eu vi um post dele de um efeito de uma bordinha personalizada na imagem e é bem kawaii >< vamos ao post?

Efeito opacidade

Olá amoras! estou de férias! (TURN DOWN FOR WHAT!) agora, finalmente posso me dedicar mais ao blog e me sinto muito feliz postar aqui e também vocês me deixam feliz com seus comentários e seus elogios :3 eu estava num blog chamado chá com anjos e eu vi um post lá que resolvi postar aqui também e credito á ele por postar esse efeito então le'ts go?

Desculpe pelo sumiço! + Efeito speed - doce bunny

                       

Olá! ♥ como vão ??? eu não postei uns 3 dias desculpem!!! eu estava procurando uns layouts free para usar se tiverem um site que tem um lay free me avisa! eu também postarei um efeito bem legal ^^ que se chama efeito speed pelo doce bunny darei os créditos á ele!!!! le'ts go!!!
vou amostrar só um efeito okay??

Vá em modelo editar html e pesquise por:

]]></b:skin>

E acima dessa tag cole: 

@-webkit-keyframes rattle2 {0% {-webkit-transform: translatex(10px);}50% {-webkit-transform: translatex(-20px);}100% {-webkit-transform: translatex(20px);}}.rattle2 {-webkit-transition: .1s; border-radius: 10px; box-shadow: 1px 1px #;}.rattle2:hover {-webkit-animation: rattle2 .4s alternate infinite linear;}

E salve! de pois em um gadget cole isso ^^:

<img src="LINK DA IMAGEM" class="rattle2">