fix css issues

border-radius + overflow

issue

부모요소 안에 transform으로 스타일을 조정한 가상요소가 있을 때, 부모가 overflow:hidden 을 가지고 있어도 border-radius를 무시하고 노출됨.

solution

부모요소에 -webkit-mask-image: -webkit-radial-gradient(white, black); 속성을 줌으로써 해결.

출처 : https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b

---

scale

issue

scale이 브라우저에서는 적용되나, iOS에서는 먹지 않는 현상.

solution

인자를 %로 하여 scale(n%) 동작하지 않았음.
scale(n.n)으로 수정하여 해결.