पलटना/Inverting/मिररिंग पाठ सीएसएस का उपयोग कर केवल

Question

मैं कुछ Googling किया था और यहाँ मेरा उत्तर

<!--[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> 

समस्या सिर्फ यहाँ है कि मिरर के केंद्र वस्तु के केंद्र नहीं है, इसलिए शायद हम कुछ की जरूरत है उस वस्तु को स्थानांतरित करने के लिए जावास्क्रिप्ट जहां हम चाहते हैं।

Answer 1

आपका कोड सही है लेकिन वहाँ यह करने के लिए एक आसान तरीका है:

img.flip { 
    -moz-transform: scaleX(-1); /* Gecko */ 
    -o-transform: scaleX(-1);  /* Opera */ 
    -webkit-transform: scaleX(-1); /* Webkit */ 
    transform: scaleX(-1);   /* Standard */ 
    filter: FlipH;     /* IE 6/7/8 */ 
} 

मैं इस अपने केंद्रित मिरर मुद्दे को हल करती है लगता है।