반응형
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
반응형
'programing tip' 카테고리의 다른 글
Android 사용자 정의 ROM에서 통화 중 음성 재생 수정 (0) | 2020.10.20 |
---|---|
javafx가 반투명 커서를 망가 뜨리는 이유는 무엇입니까? (0) | 2020.10.20 |
Django의 데이터베이스에서 외래 키에 대한 지원 부족을 해결하는 방법 (0) | 2020.10.20 |
bcp / BULK INSERT 대 테이블 반환 매개 변수의 성능 (0) | 2020.10.20 |
iOS 7-Safari에서 앞뒤로 스 와이프 기능을 비활성화하는 방법이 있습니까? (0) | 2020.10.20 |