CSS3 지원 요소가 위치를 전환 할 수 있습니까?

Question

나는 내 포트폴리오 사이트에서 놀고 있었는데 내 (Google 크롬) 화면이 400 %로 확대되어 바닥 글에 초점을 맞 췄을 때 유체 격자와 일치하지 않는 요소가 있음을 알았습니다. 나는 이것을 위해 수정을 찾아야한다는 것을 안다. (환상적인 유동 레이아웃을위한 요소를 배치하는 방법에 대한 아이디어 나 조언이 있다면 게시 해주십시오.)하지만 '실제 크기로보기'단축키를 사용했을 때, 두 개의 별도 CSS3 전환 가능 매개 변수 (불투명도 및 너비, 아래에있는 코드)가 적용된 요소는 원래 게재 위치에서 '실제 크기'보기에 유지되는 장소로 원활하고 느린 전환을 수행합니다.

http://jsfiddle.net/Asustaba/VLw7k/

사과이 혼란합니다. 아무도 무슨 일이 일어나고 있는지 더 잘 이해할 필요가 있다면 전환 비디오에 대한 링크를 첨부 할 수 있습니다.

.grower{ 
    -moz-transform: scale(.85); 
    -webkit-transform: scale(.85); 
    -moz-transition: all 0.4s ease-in-out; 
    -webkit-transition: all 0.4s ease-in-out; 
} 

.grower:hover{ 
    -moz-transform: scale(1); 
    -webkit-transform: scale(1); 
} 

.grower_big{ 
    -moz-transform: scale(1); 
    -webkit-transform: scale(1); 
    -moz-transition: all 0.4s ease-in-out; 
    -webkit-transition: all 0.4s ease-in-out; 
} 

.grower_big:hover{ 
    -moz-transform: scale(1.1); 
    -webkit-transform: scale(1.1); 
} 

아무도 아직이로 실행 했습니까? 요소의 절대, 상대 또는 표준 흐름 위치 사이에서 전환 기반 이동 (손쉬운 - 아웃)을 설정할 수 있습니까? 시차 기반 웹 레이아웃에서 볼 때 어떨까요?

Answer 1

재산 위치를 변경할 수 있는지 묻는 중입니다. 이 경우에는 그렇게 할 수 없습니다. 변환 될 수있는 대부분의 요소는 숫자 값을 사용하는 요소입니다. 다음은 전환 할 수있는 CSS 속성 목록입니다. http://www.w3.org/TR/css3-transitions/#properties-from-css-