css3のelement関数を使って鏡に映ったような効果をつける

※このサンプルはfirefoxでしか動作しません．

css3のelement関数を使ってどのようなことが出来るか考えてみた．要素の見た目をコピー出来るってことは，鏡のようなエフェクトを掛けられるのではないかと考え，実際にやってみた．

下の要素が上の要素のイメージを背景として取り込んでおり，これをtransformで反転させただけ．より見栄えが良くなるようにグラデーションを掛けたりして，それなりに反射しているように見えると思うんだけれど．