jquery - div全体の反映

Question

があり、divそれに反射効果を追加したいと考えています。

画像にリフレクションを追加するためのチュートリアルがたくさんあることは知っていますが ( thisやthisなど)、div 全体のリフレクションについては何も見つかりませんでした。

CSS3で可能ですか？そしてjQueryはどうですか？どのように？

編集
これは、最初のチュートリアルに従って試したものです。また、この方法を使用すると、反映されたコンテンツを 2 回ダウンロードする必要があり、良くありません...

Answer 1

CSS3 のtransformプロパティをscaleY(-1)次のように使用してみてください。

CSS:

div.reflection
{
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
}

HTML:

<div>
    blah
</div>
<div class="reflection">
    blah
</div>

http://jsfiddle.net/UMEDU/1/