Monthly Archives: 9月 2012

2012-09-15

CSS transformプロパティ

感心すると言えば、transformプロパティもなかなかのものだ。

要素に任意の2D、または、3D変形を掛けられるというプロパティだ。

行列を指定することも出来るのだから、JavaScriptで色々計算した結果を反映させるのも容易だろう。

昔自分でアセンブラやC++のコードで書いたようなことが、今ブラウザで簡単にできてしまうと言うのは良い時代になったものだと思う反面、なにやら悔しいような寂しいような気もしてしまうのだった。

2012-09-15

CSS opacityプロパティ

最近のCSSは本当にいろんな事が出来るなと感心するばかりだ。

例えばopacityというプロパティがある。要素の不透明度を指定するプロパティだ。

これの素晴らしいところは、子孫を含めた要素全体の不透明度を指定できる点だ。つまり、要素全体をいったん一つのオフスクリーンバッファに描画し、それを指定された不透明度で要素の外と合成する形になる。これによって、複雑な要素全体を簡単に半透明にしたり、タイマーを使ってフェードイン・アウトさせたりできるようになる。これが子孫を含まない指定した要素単体にしか適用されなかったとしたら、どれほど大変か考えてみて欲しい。