레이어팝업 흐림현상

transform 버그.

%값을쓸때 흐려진다.

 

.popUp_consultFirst {

  padding: 100px 150px;

  z-index: 100;

  position: fixed;

  top: 30%;

  left: 30%;

  background-color: #ffffff;

  border-radius: 30px;

  transform: translate(-50%, -50%), translate(-0.1px, -0.1px);

  /* transform: translateX(calc(-50% + 0.5px)); */

  /* transform: translateY(calc(-25% + 0.5px)); */

  /* -webkit-font-smoothing: subpixel-antialiased;

  transform: translate(-50%, -50%); */

  /* zoom: 0.5; */

  /* transform: translate(-0.5%, -0.5%); */

  /* transform: translate3d("50x", "50x", 0); */

 

  /* transform: translate(-50%, -50%), translate(-0.5px, -0.5px); */

  /* transform: translate(-0.5px, -0.5px); */

 

  /* -webkit-font-smoothing: subpixel-antialiased; */

  /* -webkit-transform: translateZ(0);

  -webkit-transform: translate3d(0, 0, 0);

  -webkit-font-smoothing: subpixel-antialiased; */

  /* -webkit-transform: translateZ(0) scale(1, 1); */

}

 

난 저걸써서 대충 야매로 해결