ふわっと下から浮き出るツールチップ:脱エンジニアっぽさ! クライアントの笑顔を引き出すCSS3アニメーション(3)(1/3 ページ) 今回は、アニメーションするツールチップ(吹き出し)をCSSだけで作ってみたいと思います。 ツールチップを使えば、説明文などが必要な場合も画面をスッキリとさせられます。特に、Webサイトの訪問者にアクションを求める入力フォーム画面などでその効果を発揮します。例えば、購入手続き画面においては、何度も注文したことがあるリピート客にとって、入力方法の説明はもはや分かりきった“ノイジー”な情報ですね。こうした「知りたい人は簡単に情報を得られ、知っている人は目に触れずに済む」ようにするために、ツールチップは非常に有効な手段となります。ただし、注釈文をきちんと認識させるべき会員登録画面などでは、ツールチップで説明を隠してしまうのは望ましくないので、安易な乱用は避けたいもの
![ふわっと下から浮き出るツールチップ](https://cdn-ak-scissors.b.st-hatena.com/image/square/0dda9696329bf81db33a45af6be6ed361a2a8442/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fait%2Farticles%2F1309%2F24%2Fzuhan03-1.jpg)