translate3d

2열

1답변

자바 스크립트 및 CSS 등으로 게임을 만들고 있습니다. 일부 모바일 브라우저에서는 캐릭터의 애니메이션이 느립니다. 이제는 콜백을 사용하고 있습니다. 사용자 요청 타일, 서버 타일이 여유 있는지 확인하고 서버가 패킷을 전송하여 아바타를 이동합니다. 사용자가 그 타일을 걸을 예정이므로 서버는 타일을 어디로 보낼 것입니다. 뭔가 이전 var movecallba

1열

2답변

원점을 중심으로 회전 - Famo.us

ImageSurface를 원점을 중심으로 회전시킬 수 있습니까? 원점을 중심으로 회전하지 않습니다. 누군가 날 회전 "의 중심으로"정렬 포인트를 사용하는 설명 할 수 있습니까? 이 회전 distante 지점이 같은 편집 내 ImageSurface가 회전하며 최대 확장 할 수 있습니다. function _createFb() { this.fbLogo

0열

1답변

전단지 : 초기보기에서지도 이동

x 도끼로 이미지를 이동하는 것이 가능합니까? translate3d (-20px, ..., ...)를 중간화하면 저에게 효과적입니다. 그러나지도를 확대/축소하거나 드래그하면 재설정됩니다. 예를 들어 절대 컨테이너가 있고이 두 요소를 병렬로 표시하려고합니다. My example: http://jsfiddle.net/user9090900/fs8h21ap/

0열

1답변

3d translate3d 및 깊이 맵이있는 세로 기울이기 효과

호버에서 2 차원 이미지를 애니메이션화하여 3D (is)로 보이게하는 방법을 찾고 있습니다. 좋은 예가 있습니다 : http://www.alexandrerochet.com/about 커서를 움직이면 이미지가 기울어 져서 다소 3d (ish)로 보입니다. 코드를 읽으려고했으나 해당 스크립트를 찾을 수 없습니다. 이것은 깊이 맵을 제공하는 두 번째 이미지를 사

0열

3답변

왜이 CSS Translate3d 애니메이션 Janky입니까?

하드웨어 가속 속성 인 transform: translate3d();을 사용하여이 CSS 전환의 성능이 원활하게 작동하지 않는 이유를 알 수 없습니다. 요소가 절대적으로 배치 되었기 때문에 아마도? 나는 어떻게 해결하는 이유 CodePen Link 누군가가 나에게 설명시겠습니까 ... 몰라? Chrome의 개발 도구 -> 타임 라인을 사용하고 기록한 다음

0열

1답변

css translate3d transform이 상대적 위치 지정 요소로 작동하는 이유는 무엇입니까?

아래의 바이올린에서 <a> 태그 로고는 layoutDiv div 내에 절대 위치하며 'modern'클래스를 통해 -webkit-transform: translate3d(0,0,0); css가 적용됩니다. https://jsfiddle.net/gurumvg/ubj98j6d/4/ layoutDiv DIV하는 '상대'를 위치 <a> 태그 LOGO 대신 BODY

0열

1답변

translate3d 파이어 폭스

에 몸에 배경 위치에 영향을주지 않습니다 : HTML 태그에 -webkit-transform: translate3d(0, 35px, 0px) !important; transform: translate3d(0, 35px, 0px) !important; 합니다. 크롬은 모든 항목을 아래로 밀어 내고 (위치 정보가있는 본체 배경 포함) Firefox는 그렇

2열

1답변

translate3d로 이미지 링크를 가져올 수 없습니다.

5 개의 이미지가있는 헤더가 있습니다. 나는 올려 놓을 때 이미지가 10px 전이되기를 원하지만, 어떤 이유로 그들은 단지 즉시 올라가고 부드럽게 올라가지 않습니다. Chrome을 사용하고 있습니다. .navbar img { position: relative; top: 0px; transition: transform .2s

0열

1답변

css3 translate3d 제로 높이 100 % 파괴됨

Google에서 도움이 안되는 문제가 발생합니다. 컨테이너에 translate3d (0, 0, 0)이 적용되어 폭과 높이가 100 % 인 내부 컨테이너의 크기가 파괴됩니다. 작은 jsfiddle을 만들었습니다. 당신이 #page 치수가 정확한지에 대한 번역의를 제거하면 ... http://jsfiddle.net/11vt14nx/1/ html로 일부 <div

6열

3답변

CSS 3 애니메이션. translate3d 대 매트릭스

저는 부드러운 전환과 애니메이션이 필요한 프로젝트를 수행해 왔습니다. 우리는 최근 Javascript를 사용하여 거의 100 % 시간에 CSS 애니메이션으로 마이그레이션했습니다. translate3d는 모바일과 데스크톱 모두에서 매우 매끄러운 멋진 애니메이션을 제공합니다. 나의 현재 살리는 스타일은 다음과 같이이다 : 는 CSS : .animation-up