[B! transform] bamboo_nのブックマーク

bamboo_n id:bamboo_n

transformに関するbamboo_nのブックマーク (3)

ゆめいろデザイン｜ブランドマネージャー・Web/UX/UIデザイナー・デザインコンサルタントヒガシナオヤ
CSS Transf ormsでCSS Animation/Transitionと組み合わせて、要素を移動させたり、拡大縮小させるとちらつくことがあります。背景色を指定しても発生することがあります。また、一部の子要素だけちらつくこともあります。ちなみに、CSS 2D Transf ormsを指定した要素でもちらつきが発生するときがあります。「-webkit-backface-visibility:hidden;」と「backface-visibility:hidden;」を指定これがいちばん効果の高い対処方法です。ほとんどのちらつき問題が解消されます。2D Transf ormsには関係ないプロパティのはずなのですが、なぜか有効な対策です。「-webkit-backface-visibility:hidden;」と「backface-visibility:hidden;」と「overflo
bamboo_n 2015/08/20
css

transform

animation
リンク
CSS3のtransformを素敵に扱えるjQueryプラグインを作った。 | Ginpen.com
ダウンロードリポジトリ … https://github.com/ginpei/jQuery.transf orm JSファイル … jquery.transf orm.js なにこれ？ CSSのtransf ormプロパティの値を素敵に扱うやつです。 .css()からtransf ormを扱う際に既存の値を完全に上書きしてしまう問題を解消します。 transf orm ？ transf ormはご存知CSS3で追加されたプロパティで、要素を変形(transf orm)させる事ができます。このプロパティ複数の値を取り得、例えば「小さめで傾ける」という指定の場合はのような指定になります。詳しくはこのあたりとか。 transf orm－CSS3リファレンス jQuery + transf ormの問題点 jQueryでスタイルを操作する場合は .css()を利用します。しかし、これはプロパティの名前と値
bamboo_n 2015/03/02
CSS3

transform
リンク
CSS Transformsについてのメモ
既に色々なデモページが作られていたり、実用されていたりするCSS Transf ormsですが、ちゃんと理解したかったので調べてみました。まだそんなに自信はありませんが、以前よりは理解できた気がします。というわけなので、自分が分かる範囲で説明してみたいと思います。 CSS Transf ormsは2Dと3Dとで別になっていますが、将来的には SVG Transf orms と合わせて一つの仕様になるそうです。今はまだ別々なので、それぞれにリンクをしておきます。括弧内は現時点での最新の日付です。 WD: CSS 2D Transf orms（2011/12/15）ED: CSS Transf orms（2011/11/28）WD: CSS 3D Transf orms Module Level 3（2009/03/20）ED: CSS 3D Transf orms（2011/03/21）新しくなった
bamboo_n 2015/01/30
web制作

CSS3

transform
リンク
1