Google지도와 같은지도 웹 사이트를 구축 중입니다. 서로 연결된 이미지 타일이 있습니다. 마우스로 드래그하여지도를 탐색 할 때마다 드래그 한 후 새 이미지가로드됩니다. 이하기 위해 탐색 '드래그 기능을, 나는 두 가지 발견 :지도에 번역을 CSS를-변환을 적용하는지도 적절한 장소로 이동하는 스크롤 함수를 호출 을되도록 우측 부분 가 표시된 영역으로 들어
정적 Google지도 결과를 비뚤어지게하려고합니다. 그래서 당신이 "그 안에"내려다 보는 것처럼 보입니다. 어쨌든, 내가 그것을 CSS3를 사용하여 변환 워킹있어 : 당신을 제공 <html><head>
<style>
.container {
margin-left: 200px;
-webkit-perspective: 600;
-
Webkit에서 3D CSS 변환을 무한 반복하도록 설정하거나 CSS 또는 CSS를 사용하여 부모 요소가 보이지 않는 경우에도 계속 진행할 예정입니까? 내가 묻는 이유는 내가 개발중인 페이지에서 예기치 않게 높은 CPU 사용량을보고 있기 때문입니다. 이 문제를 진단하는 좋은 방법을 아는 분이라면 (예 : 탭 당 블랭킷 CPU 사용량과 달리 CPU 사이클이
에 입력을 보내는 것은이 내 코드입니다 : http://jsfiddle.net/bnookala/b2Yz8/3/ 이것은 결과 : http://jsfiddle.net/bnookala/b2Yz8/3/embedded/result/ 동작은 매우 간단합니다 : 빨간색 DIV를 클릭 한 후, 3 차원 변환 발생하고 파란색 DIV 보이게됩니다. 그러나이 동작을 취소하려고
현재 내가 같은 속도로 모두 x와 y를 번역하려면 다음 코드를 사용하고 있습니다 : -webkit-transition:all 180ms ease-out;
내가 그것을가 비슷한을 지정하는 것이 가능하다 Y.보다 느리게 X 축 번역하고 싶습니다 : -webkit-transition:translateX 180ms ease-out;
-webkit-transi
나는 Impress.js을 사용하여 프리젠 테이션을 진행해 왔고 iPads에서 사용하기 위해이를 적용하려고합니다. 그러나 Impress가 각 슬라이드에 변형을 적용하는 방법에 대해 우려하고 있습니다. CSS 만 사용하는 대신 HTML의 데이터 속성으로 변환 된 다음 자바 스크립트로 변환이 적용됩니다. 이렇게하면 지나치게 복잡하고 어려운 일을하게됩니다. 데이
스케일링을 위해 왼쪽 위 (0 %, 0 %)에서 원점을 지정할 수 있습니까? CSS3에서 회전을 위해 다른 원점 (가운데)을 지정할 수 있습니까? 도움이된다면 나는 webkit으로 만 작업하고 있습니다. (newRotate) ) 규모 (newScale 회전하지만 패스에-사이의 기원을 변경할 수 없습니다처럼 보인다 거기 : 나는 현재 즉 -webkit이-변환
알아낼 수없는 작은 요소와 여기에서 집단적 지식이 올바른 방향으로 나를 가리킬 수 있기를 바랍니다. 사용자가 div 위로 마우스를 가져갈 때 이미지를 div 내부로 회전하고 싶습니다. 코드 예는 다음에서 확인할 수 있습니다. http://jsfiddle.net/mashby/eCzmj/ 지금은 전체 div가 아닌 이미지 자체를 가리키면 애니메이션이 실행됩니다
저는 CSS3 변환을 사용하여 회전하는 4 개의 div로 구성된 큐브를 가지고 있습니다 (현재 Chrome 확장판의 경우 -webkit으로 제한되어 있습니다). 그러나 http://jsfiddle.net/CxYTg/으로 가서 "one", "two", "three", "four"및 "one"을 다시 클릭하면 마지막 회전이 반대 방향으로 돌아가서 재설정됩니다.
나는 애니메이션 CSS3 Media Queries로 놀았지만, 실제 사용은 의문 스럽지만 재미 있습니다. 어쨌든, 상자/divs/selector를 transition/expand/contract 등 브라우저 크기를 조정할 수 있지만 변환 문제가 있습니다. 내가하려고하는 것은 div를 뒤집거나 특정 해상도로 회전시키는 것입니다. iPad가 가로에서 세로로 바