<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(2, 0, 0, 1, 50, 0)
}

.translate {
  transform: translate(50px, 0px) scale(2, 1);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.