最近のCODEPENから – 3/6/2015

記事更新日 2017年4月12日

記事公開日 2015年3月6日

CODEPENからいくつか気になったものをいくつかピックアップしてみました。

いつもは入れないのに下に画像を挟んでいるのは、CODEPENをamp-iframeで埋めこむときにファストビューからのiframeがviewportの75%、もしくは600px以上離れていないといけない仕様への対策です。

モーダルウィンドウを起動するボタンはinput要素にしてあります。これと:check擬似クラスを組み合わせることでJSを使うことなくモーダルウィンドウを実装しています。なるほど。

Animated Twitter Follow Button

twiiterのアニメーションです。かわいかったので(‘-‘)

keyframeを使ったシンプルなアニメーションです。

CSS3アニメーションの勉強になります。

さらっと使えるようになりたいです。

これもJSを使わずにinput要素と:focus擬似クラスで実装しています。ここまでやるとスゴイ。