<div class="square">Origin</div>
<div class="square matrix">Matrix</div>
<div class="square translate">Translate</div>
.square {
  height: 100px;
  width: 100px;
  background-color: red;
  margin-bottom: 20px;
}

.matrix {
  transform: matrix(1, 0, 0, 1, 50, 50)
}

.translate {
  transform: translate(50px, 50px);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.