文字がフェードイン&アウトしながら色が変化するボタン

MATEREATE INFORMATION

ボタンの上にマウスを置くと、フェードイン&アウトをしながら新たな文字が表示され、全体の色が変化するボタンの無料Web素材です。マウスを離しても同じような演出で元のボタンに戻ります。シンプルながらもアクセントの効いた演出をするため、サイト訪問者に印象を与えることができます。

素材の詳細

ボタンのエフェクト開始時のイメージ
エフェクト開始時のデザイン

ボタンの上にマウスを置くと、文字が小さくなりながら消える演出を行います。その後新たな文字がボタン外から現れ始めます。

ボタンのエフェクト終了時のイメージ
エフェクト終了時のデザイン

現れた文字は大きくフェードインしながら表示されます。それと同時進行で文字の色、ボタン背景の色も変化します。