สร้างภาพกระจก Mirror Image ด้วย CSS Flip Filter

Flip effect ใช้สร้างภาพกระจก (mirror image) ของอ็อบเจกต์ พารามิเตอร์ต่อไปนี้สามารถใช้ในฟิลเตอร์นี้ได้:

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อสร้างภาพกระจก:

<html>    <head>    </head>    <body>       <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: FlipH">       <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: FlipV">       <p>ตัวอย่างข้อความ:</p>       <div style="width: 300;          height: 50;          font-size: 30pt;          font-family: Arial Black;          color: red;          Filter: FlipV">CSS Tutorials</div>    </body> </html>