css3

Animate.css 機能一覧

Animate.css CSSアニメーションのフレームワーク Animate.css の一通りの機能を試せるものを作った。 上記のトップページで同じことができるが、セレクトボックスから機能を選ぶのが面倒だったので ラジオボタンにした。 See the Pen move box(with animate.…

HTML5 inputのrange属性

HTML5のinputタグ、range属性を触る機会があったのでメモ 素の状態 See the Pen input range type by tamoriinu (@yokoyama) on CodePen. CSSデザインを当てたもの See the Pen input range type by tamoriinu (@yokoyama) on CodePen. 参考: How To Create …

ポプテピピック「数々の名誉ある賞」の載った帯の再現

ちょっと前に話題になった、ポプテピピックの「数々の名誉ある賞」の載った帯をhtmlにした。 これを元にちょっと遊べるものを作る予定。 See the Pen 【重要】数多くの名誉ある賞 by tamoriinu (@yokoyama) on CodePen. 元ネタ omoganews.com

山手線を描く

See the Pen 山手線 by tamoriinu (@yokoyama) on CodePen. この間見つけた以下のsass mixinが便利なので、山手線の沿線図を描いてみた。 Placing Items on a Circle | CSS-Tricks 吹き出しの位置とか結構適当。 色々他にも応用できそうな気がする。