CodePen Embed - vyYxgJ

<div class="box position"></div>
<div class="box transform"></div>

.transform {
  transform:translate(50%);
  background:#66d9ef;
}
.box {
  width:100px;
  height:100px;
}
.position {
  position:relative;
  left:50%;
  background:#cc3f85;
}

This Pen is owned by SitePoint on CodePen. It is a fork of this Pen.

See more by @SitePoint on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.