CodePen Embed - CSS Transforms

<head>
<style>
.box {
width: 100px;
height: 100px;
background-color: #4CAF50;
transition: transform 0.5s;
}
.box:hover {
transform: translate(50px, 50px); /* Moves the box 50px to the right and 50px down */
}
</style>
</head>
<body>
<div class="box"></div>
</body>

This Pen is owned by Training Course on CodePen.

See more by @Training-Course on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.