개발 Q&A

제목 css 사진 이미지 클로즈업
글쓴이 앙마 작성시각 2014/08/04 16:59:50
댓글 : 3 추천 : 0 스크랩 : 0 조회수 : 16504   RSS
http://stopka.cz/en

사이트에 있는 것 같이 이미지 파일을 마치 동영상 같이 움직이게 하는 걸 하고 싶은데요;

소스를 분석한다고 봤는데 전혀 제가 생각하는 것과 달라서인지 잘 되지가 않네요

현재 생각한 방법은 transform: perspective(500px) translateZ(-60px);

transform에 있는 위의 두 값을 증가시켜주는 것입니다. 그러면 이미지가 확되되는 것 같이 되는데

이것을 마치 슬라이드 효과 같이 일정 시간동안 부드럽게 진행시키는 방법을 모르겠네요

css를 잘 모르겠다보니;

혹시 간단한 소스나 위에 적어 놓은 링크에 나오는 것 같은 사이트가 있으면 추천좀 해주세요 혹은 방법이나요
 다음글 마우스 휠 이벤트
 이전글 db 원격 join (1)

댓글

변종원(웅파) / 2014/08/04 17:29:25 / 추천 0
앙마 / 2014/08/04 18:12:21 / 추천 0
감사합니다 좋은 자료네요

제 실력이 부족해 줌되는건 못찼겠지만 좌우나 상하로 움직이는 건 쉽게 되네요..
코드이그 / 2014/08/05 18:00:34 / 추천 0
css3 에 트랜지션이라는 속성이 있습니다.

어떤 속성을 몇초에 걸쳐 어떠한 모션으로 변하게 할것인가

하는 애니메이션 적인 속성인데요,

이 속성은 ie 10 이하 브라우저에서는 지원이 되지 않습니다.

아래 링크를 참고해보세요.

https://developer.mozilla.org/ko/docs/Web/Guide/CSS/Using_CSS_transitions