タグ

jQueryとCSS3に関するginpeiのブックマーク (3)

  • イージング関数チートシート

    イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを(例えばペンのような)放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。

    イージング関数チートシート
    ginpei
    ginpei 2013/10/03
    アニメーションの値遷移の頻出パターン一覧表。jQueryやCSS/SCSSで実装するコードを掲載。いつの間にか日本語に(一応)対応してる。
  • Transit - CSS transitions and transformations for jQuery

    Upgrading notes Upgrading from an older version? Transit should be mostly backward-compatible. See the change log for notes. Development version You may also download the development version which has spaces and comments preserved. Curious to see how it's made? See the annotated source code!

    ginpei
    ginpei 2013/04/27
    CSS3のtransitionを使ったスムーズなアニメーションを実現するjQueryプラグイン。transformの関数をプロパティで設定出来るので、記述が大変シンプル。jQuery.transformよりこっちの方が良さそう。
  • #50C1AL Share, #50C1AL Profiles

    Overview: To list social accounts or share any page with 46 icons. Demo for social profiles: I Follow Rivers Demo for sharing: Hi! I'm text and I'm here to be selected. Options for socialProfiles: animation: launchpad, launchpadReverse, slideTop, slideRight, slideBottom, slideLeft, chain chainAnimationSpeed: default value: 100 blur: makes blur background (only works on -webkit browsers) true,false

    ginpei
    ginpei 2013/04/17
    SNSボタンを小洒落た感じに表示するjQueryプラグイン。画面のブラー効果はCSS3のfilter:blur()で実現。
  • 1