タグ

2013年4月8日のブックマーク (2件)

  • Sass(Scss) Memo: @mixin | Culture27

    今回は@mixinについてです。 Mixinはスタイル(規則集合や宣言)を定義し、それを再利用することができます。 定義したMixinは@includeでインクルードして使用します。また、Mixinには引数を渡すことができます。 Mixinの利用例 clearfix用のMixinを例に説明します。 まずはMixinを定義します。 Scss @mixin clearfix { *zoom: 1; // &:after { content: ""; display: block; clear: both; } }

    kool_kreate
    kool_kreate 2013/04/08
    mixinでifとか
  • CSS Transformsについてのメモ

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

    CSS Transformsについてのメモ
    kool_kreate
    kool_kreate 2013/04/08
    transform-originでrotateしたときの基準点を設定できる