perspective() CSS Function - Playground Example

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.perspective:hover {
   transform: perspective(200px) translateZ(60px);
}
p {
   float:left;
}
</style>
</head>
<body>
<p>Hover over the image</p>
<img class="perspective" src="images/nature.jpg" alt="Perspective">
</body>
</html>