CSS3でマウスオーバーしたボタンだけ横幅をアニメーションで広げて、他は狭くするやつ(Flexbox) Posted: 2016.02.29 / Category: HTML&CSS / Tag: CSS3, アニメーション 横並びのナビゲーションとかでマウスオーバーしたボタンだけ横に広がって、大きくなった分だけ他のボタンが狭くなるというやつです。 ちょっと説明よくわからないですが、サンプルを用意しました。 See the Pen Flexbox Animetion Width by webopixel (@webopixel) on CodePen. HTML HTMLはシンプルなリストでマークアップしてます。 HTML <nav id="main-nav"> <ul> <li><a href="#">Green</a></li> <li><a href="#">Purple</a></