ゲッツ

ソースコード

あくまでも一例なので参考程度に使ってください。

ゲッツHTML

<img src="画像のパス.png" class="gets">

ゲッツCSS

.sample {
	margin: 0 auto;
	padding: 30px 0;
	display: block;
	max-width:207px;
}
img.faxa {
	margin:0 auto ;
	display:block;
	width:80%;
	height:auto;
	transition: 1s opacity;
}
img.faxa:hover {
	opacity: 0;
}

使い方

• ちょっとこのキャラクター「ゲッツ」て感じでフェイドアウトさせたいｗ
• クリックしたら「ゲッツ」と左右どちらかにはけるのがいいなぁ