transform 포지션 임의변경 오류
1분코딩님~ 친히 답변 달아주시고 너무 감사합니다! 아~ rotate가 translate를 덮어쓰는군요! 앞으로 유의해서 좌표설정 하겠습니다! 질문이 하나 더 있는데.. SVG가 브라우저마다 조금씩 다르게 작동하나요? 제가 여러 아이콘들을 만들어봤는데 그 중 몇개는 iOS에서 제대로 작동을 안하네요.. 샘플로 하나 더 아래 붙여봤는데 혹시 시간 괜찮으시면 좀 봐주실 수 있을까요? 컴퓨터랑 안드로이드에서는 의도했던 애니메이션이 작동하는데, iOS에서만 빨간점이 왼쪽 위에 걸려서 내려오지를 않습니다. ㅜㅠ Optimization .optimization { font-size: 93.8px; fill: #2e75b6; font-family: UbuntuCondensed-Regular, Ubuntu Condensed; } .otmz { letter-spacing: 0em; } .tangent, .cls-9 { stroke: #0404ff; stroke-width: 5.26px; } .uline { fill: none; stroke: #000; stroke-width: 2.63px; } .cls-10 { stroke: #0404ff; stroke-width: 5.26px; } .circle{ fill: red; offset-path: path("M11.5 19.5 s 55 39 70.09 39 s 76.41 -39 76.41 -39"); animation: umove 3s infinite alternate cubic-bezier(0.4, -0.26, 0.6, 1.21); } @keyframes umove { 0% { fill-opacity: 0%; offset-distance: 0%; transform: scale(0); } 50% { fill-opacity: 100%; offset-distance: 50%; transform: scale(1); } 100% { fill-opacity: 0%; offset-distance: 100%; transform: scale(0); } } p t i m i z a t i o n