logo

Top news

Cssアニメ メニュー

Cssアニメ メニュー cssアニメ こんにちは。フロントエンドのつっちーです。 前回記事では、サポート終了(※1)となったIE9を切り捨てることで、CSSアニメーションを軸とするスライドショーを作成しました。今回も同様のコンセプトで、同じくよく使われているUI、アコーディオンを作成します。 内容の高さにそれぞれ. メニュー :hover擬似クラスとCSSアニメーションを組み合わせることで、ボタン要素などの簡易的なマウスオーバーアニメーションを実現できます。 1秒かけて背景色がアニメーションするボタン HTML