こんにちは、@kz_moritaです。 普段はiOSエンジニアとしてSwiftを書いていて、Swiftはだいたい半年くらいさわっています。 それ以前は、C# でサーバーサイド書いていたり、C++/Cocos2d-xでゲーム開発をしていたりしました。 このブログはレイアウトやデザインを一から実装しているのですが、その中でもリンクをhoverした時のアニメーションをこだわって作ったので今回はその話をしていこうと思います。 おもにCSSアニメーションの話になるかと思いますので興味がある方はぜひこの記事を読んで気軽に試してみてもらえたら嬉しいです。 作るもの https://google.com ↑ のリンクにhoverしてみてください。 ふわっとアンダーラインがアニメーションで表示されたかと思います。 GIFだとこんな感じ。 今回はこれを作っていきます。 成果物 いきなり成果物ですが簡単に実装し
![ちょっとおしゃれなhoverアニメーションを作る](https://cdn-ak-scissors.b.st-hatena.com/image/square/ffd54cac8a600a3fe3d11f57737442a2b6f79fbf/height=288;version=1;width=512/https%3A%2F%2Fblog.foresta.me%2Fimages%2Feyecatch.png)