jquery - 整个div的反射

Question

我有一个div，我想给它添加一个反射效果。

我知道有很多教程可以为图像添加反射（例如this和this），但我没有找到任何关于反射整个 div 的信息。

CSS3可以吗？那么jQuery呢？如何？

编辑
这是我根据第一个教程尝试的。另外，如果我使用这种方法，用户将不得不下载两次反映的内容，这不好......

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/