Reino Kawaii

Oi. Quem aí gosta de mágica? Pois hoje eu trouxe uma para vocês, só que como eu não sei fazer mágica de verdade, tem que ser com HTML e CSS para texto e imagem mesmo rsrsrs... é o famoso truque de fazer desaparecer e aparecer alguma coisa. E olha que não vamos precisar nem de coelho e cartola...¬¬'
Faremos isso (passe o mouse na imagem e no texto abaixo):

Quando você passar o mouse sobre este texto ou na imagem, vão sumir!

E aí todos dizem: oooOOOOOh! kkk...
Primeiro: o CSS, que é o que faz todo o truque. Nele estará definido tudo sobre bordas, cores, posicionamento, sombras...vou deixar pré definido aqui, mas podem alterar a vontade. Adicione-o acima de ]]></b:skin>:

.magic {
border-radius: 10px;
border: 2px solid #e3a2fa;
box-shadow: 2px 2px 3px #f2b3ff;
float: center;
text-align: center;
font-family: 'Lobster';
font-size: 22px;
font-weight: bold;
color: #c288d1;
text-shadow: 1px 2px 3px #fff;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9cPRuYAo9inUQRVRBte51AvTHvlPqQwF1NK4Kavd16prkSIP2-MN2DlIlgC7t82M5djzT5aDr1XEMHsiSi4iE43t8MIW6jxVGlWkUxJucBJDspSksDCaDgRIcEiYY3HcFQeLU1qFffKAN/s1600/bg8.gif)repeat;
width: 305px;
-webkit-transition: 2s;
}
.magic:hover {
-webkit-transition: 2s;
-webkit-transform: rotate(0deg);
opacity:.01;
} 

Visualize seu blog e salve. Ainda não acontece nada. Para aparecer, adicione esse código em um novo gadget HTML/JavaScript ou em qualquer lugar que aceite HTML:

<center>
<div class="magic">
<center><img src="URL DA IMAGEM"></center>
TEXTO!
</div></center> 

Note que tudo o que estiver dentro dessa div class vai desaparecer. Pode ser aplicado em várias coisas, como em menus, blockquotes e até no cabeçalho! Basta posicionar o gadget em seu Layout onde quer que apareça, ou mudar o nome magic para blockquote, menu...
No caso de um menu, você pode deixar assim, por exemplo:


Meu Blog Twitter Facebook
O CSS é o mesmo do primeiro código, só mudei onde estava escrito "magic" para "magicmenu". O que muda é só o HTML, mais ou menos assim:

Use o mouse como varinha mágica e a criatividade para criar vários efeitos em seu blog ;3