2013-03-20 3 views
0

나는이 사이트 과 같은 부드러운 확대/축소 배경을 만들려고 노력했지만 css3. 나는 신체의 척도로 변형 시키려고했지만, 그때는 모든 것이 비늘 낀다. 나는 그것을 원하지 않는다.CSS3로 배경 이미지 확대하기

실마리가 있습니까?

답변

2

background-size CSS3 속성은 어떻습니까?

자바 스크립트로 값을 변경할 수 있습니다.

+0

좋은 idéa ... 시도해 보겠습니다. –

+0

감사합니다. Rob. 나는 그것을 가짜로 만들었습니다. css3 : body { 배경 : url (../ img/backPic.jpg) 반복없는 고정 센터; -webkit-animation : 경고 20 초 무한 휴식; } 경고 -webkit-키 프레임 @ { \t 0 % { \t \t 배경 사이즈 : 100 %; \t} \t50 % { \t \t 배경 - 크기 : 140 %; \t} \t 100 % { \t \t 배경색 : 100 %; \t} 프리픽스 인 -webkit 때문에 Chrome과 Safari에서만 작동하지만 다른 공급 업체의 접두사를 구현하여도 사용할 수 있습니다. –

0

현재 불행히도 CSS를 사용하여 배경 이미지를 확대/축소하는 방법이 없습니다. background-size : cover; 배경 이미지에 맞게.