…要を把握できます。 CSS3 アニメーションで猿 Vim のアイコンを1回クリックすると上に飛び立って、2回目クリックするとｽｩｰｯと降りてくるというのを実現してみた、という事です。 今回はこれをどうやって実現したか、3回目にもなるのでちょっとだけちゃんと解説してみようと思います。 ソースコード とりあえず HTML と CSS を冒頭に貼っておきます。 「デザイン設定 → ヘッダ → タイトル下」に以下の HTML を追加。 <div class='vim-icon-par…

昨夜ちょっと CSS いじったせいでまたサルを動かしたくなった。 という訳で前回に引き続き、ブログ上部にある怪しげな Vim アイコンをクリックするとサルが動き出すようになります。 注意：もう一回動かしたい時は2回クリックしてください。 昨日夜遅くまでこれをやってる最中は一人で爆笑してたけど、今はもうちょっと有意義な休日の使い方ができなかったのかと悔やんでも悔やみきれない。

プロフィール画像のホバーか上部の Vim の画像をホバーしてみてください。 ※注：PC のみです。モバイルやタブレットには対応していません