Flipping/Инвертирование/Зеркалирование текста с использованием только css

Я сделал несколько поисковых запросов, и вот мой ответ

<!--[if IE]>
<style>
    .mirror {
        filter: progid:DXImageTransform.Microsoft.BasicImage(mirror=1);
    }
</style>
<![endif]--> 
<style>
.mirror {
    display:block; 
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -o-transform:matrix(-1, 0, 0, 1, 0, 0);
}
</style>
<div class="mirror">testing</div>

Единственная проблема здесь в том, что центр зеркалирования не является центром объекта, поэтому, возможно, нам нужен какой-то javascript для перемещения объекта, где мы хотим.

Ответ 1