ふぁ〜

タイプマイクロインタラクション系 ボタン・リンク系 類似の音

目次

オノマトペ

hoverでふぁ〜

ソースコード

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

ふぁ〜HTML

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

ふぁ〜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;
}

使い方

  • ちょっとこのキャラクター「ふぁ〜」と決してくれｗ
  • クリックしたら「ふぁ〜」とフェイドアウトできるといいなぁ