いやーもうそろそろ夏っすね。女子の浴衣にドキッとくる季節ですね。 彼女居ませんが。 さて、タイトル通りなんですが、CSSだけで忍者くんに手裏剣を投げさせてみました。意外に楽しかったので公開してみたいと思います。 この子に投げさせてみたよ 可愛いでしょ?(自分で言うな)夜な夜なレイヤーを重ね合わせこの子は生まれました。 まぁ、僕なんですが。 この記事を書く為に忍者セットを作成したんですが、意外にも手裏剣を作るのが大変でした。3レイヤーで出来てます。 レスポンシブ化しようとしましたがめんどくさくなって固定にしました。固定良いよ固定。 目次に戻る 実装方法 参考にしたサイト CSS アニメーション - CSS | MDN さて、実装方法ですがCSS3のアニメーションを利用して動かしています。 ロジック的には キーフレーム という CSS3アニメーション の機能を使い、左手やら手裏剣やらを個別にア
![おりゃーうりゃー!CSSだけで忍者に手裏剣を投げさせてみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/821db62b4827cc4d70717d1be79cf9d2133b31e2/height=288;version=1;width=512/http%3A%2F%2Fprogrammerbox.com%2Fassets%2Fimg%2Fpress%2F2013%2Fsquare_200px%2F2013-05-30_css_only_ninja_syuriken.jpg)