CSS3 3D 변형 + 애니메이션이 좋습니다. 무언가를 구부릴 수있는 방법이 있는지 궁금합니다. 이 예제에서는 (용지) div를 뒤집지 만 실제로는 용지를 뒤집을 때 약간 구부러지기 때문에 애니메이션이 딱딱하게 보입니다. 그래서 내가 간과 한 모든 속성 또는 아마도 그것이 구부러진 것처럼 보일 수있는 조합입니까? (화상)과 굽힘 div {
widt
내 HTML picture viewer 들어, 내 그림의 일부를 CSS -*-transform: rotate (90도)을 통해 자동 회전하려고했습니다. 너비가 그림의 높이보다 크기 때문에 img 요소가 너무 작아서 회전 된 그림이 위와 아래의 텍스트 일부에 겹쳐졌습니다. 이 문제를 해결하려면/div을 예상 크기로 생성했습니다. 이로 인해 이미지가 잘못 배치
하드웨어 가속을 사용하여 iPad에서 애니메이션을 최적화하는 동안 알아 봤지만 완전히 해결할 수없는 문제가있는 것으로 보입니다. 번역과 같은 웹킷 변환을 적용하는 경우 애니메이션이 크게 실행 되더라도 사용자가 페이지를 스크롤하면서 발생하는 애니메이션의 중간에 애니메이션을 놓으면 애니메이션이 더듬어 져 원래 위치로 되돌아 가며 계속 시도합니다 그것의 끝점에
웹킷 변환을 사용하여 카드 반전 효과를 만듭니다. 나는 하나의 섹션에서 좋아하는대로 작동합니다. DIV가 중심 축을 중심으로 회전하여 카드가 뒤집어지는 모습을 보여줍니다. 이제 페이지 전환에 동일한 효과를 추가하고 싶습니다. 동일한 CSS 및 HTML 구조를 사용하고 있지만이 경우 중심 축을 중심으로 회전하는 효과가 없습니다. 대신에 변형이 중심이 아닌 객
나는 그것을 ouputting되고 일부는 위에서 텍스트이 유사합니다, 내 코드가 올바른 효과를 생산하고 있지만 그러나 T
E
X
T
H
E
R
E
이 엄격 제대로 말을 만들려고하고 있어요 like E
R
E
H
T
X
E
T
여기 내 CSS입니다. 어떻게하면 첫 번째 예가 아니라 두 번째가 아닌지 보여줄 수 있습니까? .
문제점 : div 내의 자식 요소에 적용된 css3 변환은 "overflow : auto;"를 사용할 때 포함 div의 스크롤 막대의 scrollHeight 및 scrollWidth를 계산할 때 브라우저 (FF5, Chrome12, IE9)에서 무시됩니다. <style type="text/css">
div{ width: 300px;height:500px;