<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>3-D Transforms</title>
<style>
#mirror1 {transform:rotateY(180deg);}
#mirror2 {transform:scaleY(-1);}
#mirror3 {transform:scaleX(-1);}
</style>
</head>
<body>
<p><img src="images/munger_moss.jpg" alt="neon sign"><br>MUNGER MOSS MOTEL</p>
<p id="mirror1"><img src="images/munger_moss.jpg" alt="neon sign"><br>MUNGER MOSS MOTEL</p>
<p id="mirror2"><img src="images/munger_moss.jpg" alt="neon sign"><br>MUNGER MOSS MOTEL</p>
<p id="mirror3"><img src="images/munger_moss.jpg" alt="neon sign"><br>MUNGER MOSS MOTEL</p>
</body></html>
