Bug : with transform scale and overflow hidden in Chrome
나의 블로그 인덱스 화면을 구성할때 transform 과 blur filter를 이용하여 마우스 이벤트를 주며 처음 접속시 글 제목을 잘 보이도록 구성했었다.
이게 문제가 있는게 브라우져마다 다른 화면이 보이며
특히, Chrome에서는 마우스 이벤트가 발생할때마다 화면이 깜빡이며 처음 접속시 내장 그래픽을 이용할 경우 딜레이 현상이 매우 심하였다.
딜레이 현상을 유발하도록 어느 정도 스크립트를 이용하기도 하며..., 장비들을 테스트할때 육안으로 빨리 판단하기 위해서인데...,
최근 티스토리가 내부적으로 코드들이 바뀌고 난 뒤 부터 정도가 너무 심해져서 고민을 하다가..., 과감하게 관련 코드들을 삭제한다.
화면 깜빡이는 증상은 backface를 이용하여 어느 정도 처리는 되었는데 브라우져마다 밝기 혹은 색감의 차이가 심하게 나는 것을 확인하여 transform와 backface를 삭제한다.
position 과 transition을 이용한 가장 기본적인 태그로만 구성을 변경하였다.
나의 블로그는 IE 계열은 지원하지 않기도 하고 가장 많이 사용하는 Chrome, Whale, Firefox에서 어느 정도 잘 표현되는 것을 확인하고 보니 속이 다 시원하다.
자세히 보면 살짝 다른게 표가 나기는 하지만 스트레스 해소용으로 수정하는 거라 여기서 만족할련다 ^^;