[B! css][design] namikuguriのブックマーク

タブやナビゲーションがアクティブな時に、ハイライトのラインがすぅっーと移動するアニメーションを実装

タブがアクティブな時に、ハイライトのラインがすぅっーと移動するアニメーションを実装したデモを紹介します。リスト要素でシンプルに実装されているので、タブだけではなく、ナビゲーションなどにも利用できると思います。下記は、デモでの操作をアニメーションgifにしたものです。

namikuguri 2018/07/09

やりたくなることが多いアニメーション

design
css

リンク

Daily CSS Design

Hi! I'm a web designer and this is my side projectThe goal was to create one design every day for a year. All shapes, patterns and colors are made by coding. Read more

namikuguri 2018/06/13

design
css

リンク

CSS Grid One Year On – Rachel Andrew

A year ago today, Firefox was the first browser to ship into stable their CSS Grid implementation. Closely followed by Chrome and Safari. It’s been quite a year for my favourite layout method. It has been fascinating to see how people have adopted Grid, and the different ways people are developing with the specification. It has also been interesting to me to discover the things people want to do,