Humanity

Edit the world by your favorite way

CSS3, アニメーションで猿 の検索結果:

CSS3 アニメーションで猿 (3)

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

CSS3 アニメーションで猿 (2)

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

CSS3 アニメーションで猿

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