2013-03-21 4 views
0

이 사이트 만들 어도비 에지 애니메이션을 사용하고 있습니다 : 나는 몇 가지 변화를 시작하는 맥에있어 그것은 윈도우 시스템에서 잘 작동하지만, 한 http://www.reveriesrefined.com/myftp/5/에지 애니메이션 글리치 만

와 파이어 폭스는 몇 가지 문제가 있습니다. 그것은 사파리에 대해 예상대로 정확하게 작동하고 어제 모든 브라우저에서 정상적으로 작동하고있었습니다. 기본적으로 페이지가로드되고 div가 가운데의 5 각형 뒤에서 밖으로 나가면 정말 엉망입니다. 아무 이유도없이, 나는 애니메이션의 여유를 제거하거나 변경하려고 시도했지만 div의 다른 속성을 제거하려고 시도했지만 어떤 일이 일어나고 있는지 파악할 수 없습니다.

+0

JS에서의 애니메이션을위한 이러한 "WYSIWYG"편집자는 부풀어 오른 코드를 제공합니다 ... 일반적인 JS에서는 그리 어렵지 않습니다. 특히 Greensock 및/또는 jQuery와 같은 라이브러리를 사용하는 것이 좋습니다. – ahren

+0

그것은 현재보다 훨씬 더 복잡해질 것입니다. 그래서 나는 손으로 모든 것을 코딩하는 데 10 배를 쓸 수는 있지만, 가장자리 애니메이션을 사용하는 것을 선호합니다. 난 그저 이런 글리치가 왜 일어나고 있는지를 알고 싶을뿐입니다. – EmmaGamma

답변

0

기본적으로 542px 너비와 63px 높이와 같은 둥근 사각형을 만들었지 만 심볼로 변환 한 후에는 크기를 255와 55로 조정하여 크기를 조정하지 않고 대신 크기를 조정하려고했습니다. 기호 내의 div는 전체 기호의 크기를 조정했습니다. 따라서 일어나는 글리치는 div가 동시에 두 가지 크기가 있고 파이어 폭스에서는 둘 다 표시된다는 것이 었습니다.