translateY() CSS Function - Playground Example

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.translate {
    transform: translateY(-50px);
}
</style>
</head>
<body>
<img class="translate" src="images/nature.jpg" alt="Nature Image">
</body>
</html>