Rim's develop

transform 애니메이션 종합 정리를 해보려 합니다 우선 박스를 만들어 hover하면 애니메이션이 실행되는것을 보기 위해 구조를 만들었습니다. BOX - translate - p:hover span{transform:transform:translateX(50px);} /*박스를 우측으로 이동*/ p:hover span{transform:transform:translateY(50px);} /*박스를 하단으로 이동*/ - rotate - p:hover span{transform:transform:rotate(30deg);} /*박스를 회전*/ span{transform-origin:left top;} p:hover span{transform:rotateX(180deg);} /*위로 rotate*/ spa..

안녕하세요 ! 이번 포스팅에서는 flex오류에 대해서 다루려고 합니다 얼마 전 사이트를 만들었는데 이슈가 있다면서 확인해보니 ios mobile chrome버전에서 메인 홈에 띄워둔 흰색박스가 안나온다고 하여 확인해보니 정말 안나오더라고요😂 display:flex 문제인가 싶어서 다 지워보았는데 화면에서는 드러났지만 구석에 박혀있더군요 서치하여 찾아본 첫번째 글 "{flex-direction:column} 일때, 부모 엘리먼트의 높이를 설정하지 않고 자식에서 높이를 % 로 지정하면 높이를 제대로 계산하지 못하는 문제이다." 라는 정보를 통해 height을 지워보는 방법을 실행해보았습니다. https://sunyrora.github.io/iphone-flex/ iOS 10에서 flex colum 레이아웃 ..