programing tip

CSS : transform : translate (-50 %, -50 %)는 텍스트를 흐리게 만듭니다.

itbloger 2020. 10. 20. 07:24
반응형

CSS : transform : translate (-50 %, -50 %)는 텍스트를 흐리게 만듭니다.


나는 중심을 잡고이 div방법을 사용하지만 텍스트가 div흐릿 하게 만듭니다 .

<!-- language: lang-css -->

#div {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

내 중심에 방법이 div있습니까?


앤티 앨리어싱을 수정하기 위해 변환중인 요소 블록 주위에 이러한 스타일을 추가하고 Z 축을 0 값으로 변환합니다.

-webkit-font-smoothing: subpixel-antialiased;
-webkit-transform: translateZ(0) scale(1.0, 1.0);

참고 URL : https://stackoverflow.com/questions/31109299/css-transform-translate-50-50-makes-texts-blurry

반응형