javascript - 모바일 단말에 미치는 작은 영향
过去多啦不再A梦
过去多啦不再A梦 2017-05-16 13:25:36
0
2
787

아래로 스크롤하면 배경 이미지가 줄어듭니다.

질문: 이 애니메이션을 더 원활하게 작성하는 방법(모바일 버전),

过去多啦不再A梦
过去多啦不再A梦

모든 응답(2)
为情所困

애니메이션을 부드럽게 만들고 싶다면 애니메이션이 있는 DOM 요소에 CSS 속성을 추가할 수 있습니다. 전환: 모든 .8s 이즈;

구문: 전환: 속성 지속 시간 타이밍 기능 지연
transition-property: 전환 효과 설정을 위한 CSS 속성 이름을 지정합니다.
transition-duration: 전환 효과를 완료하는 데 걸리는 시간(초 또는 밀리초)을 지정합니다.
transition-timing-function : 전환 기능을 지정하고 속도 효과의 속도 곡선을 규정합니다
transition-delay: 출현이 시작되기 전의 지연 시간을 지정합니다
기본값은 다음과 같습니다: 모두 0 완화 0

世界只因有你

요구사항이 명확하지 않습니다. 위로 스크롤할 때 뒤쪽의 상단 배경 이미지를 천천히 덮고 마지막으로 배경 이미지의 절반이 보이도록 하세요. 그렇다면 애니메이션을 할 필요가 없습니다

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿