Как сделать зеркальное отражение на CSS для <div>?

[Dogica]

Как сделать зеркальное отражение на CSS?
Порылся в сети, нашел 2 вот таких варианта:

Код Выделить Развернуть

<style>
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottombottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));
</style>

и

Код Выделить Развернуть

<style>
.mirrorY { transform: scale(1, -1); }
</style>
<img src="картинка" class="mirrorY">


не пашут..
может быть потому что оборачиваю целый <div>, а не отдельную картинку

[derzaiii]

http://habrahabr.ru/post/140380/ - рабочий вариант - проверил тут - http://jsfiddle.net/ydx68obf/