Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Select an option

  • Save igortatarenko/04a0b8a721b3044eaa33 to your computer and use it in GitHub Desktop.

Select an option

Save igortatarenko/04a0b8a721b3044eaa33 to your computer and use it in GitHub Desktop.
HTML:
<div class="outer">
<div class="inner"></div>
</div>
CSS:
.outer {
position: relative;
}
.inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
@igortatarenko
Copy link
Author

igortatarenko commented Jan 3, 2017

данное решение размыливает контент в некоторых браузерах. частично исправляется с помощью will-change: transform;

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment