제목 | css 사진 이미지 클로즈업 | ||
---|---|---|---|
글쓴이 | 앙마 | 작성시각 | 2014/08/04 16:59:50 |
|
|||
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 |
참고해보세요