Transform

Giving a simple solution for chrome transform problem

by Airton

HTML

<div class="modal">
  <div id="problem">Problem</div>
  <div id="solution">Solution</div>
</div>

CSS

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
}

#problem {
  width: 150px;
  height: 41px;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#solution {
  width: 150px;
  height: 40px;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}