당신은 배울 것이다
1. 애니메이션 효과 분석 방법 2. @font-face를 사용하여 사용자 정의 글꼴을 도입하는 방법 3. 변환을 사용하여 변환 및 회전을 수행하는 방법 4. 전환을 사용하여 전환 애니메이션을 구현하는 방법 5. 애니메이션과 키프레임을 사용하여 애니메이션을 정의하는 방법
CSS3를 사용하여 웹 페이지에서 부드러운 전환 효과를 얻는 방법에 대한 비디오 튜토리얼
섹션1 효과 시연
01분36초
섹션2 페이지 구조 작성
04분01초
섹션3 라디오를 사용하여 탐색 만들기(html 구조 구성)
07분38초
섹션4 라디오를 사용하여 탐색하기(스타일 추가)
13분25초
섹션5 라디오를 사용하여 탐색 만들기(현재 탐색 스타일 설정)
05분52초
섹션6 탐색 삼각형 제작
07분32초
장1 내비게이션 제작
섹션1 탐색 페이지 전환(1)
05분21초
섹션2 탐색 페이지 전환(2)
08분29초
섹션3 탐색 페이지 전환 (3)
09분05초
섹션4 네비게이션 페이지 뒤로 애니메이션 제작(아이콘 삼각형 배경 제작)
04분43초
섹션5 네비게이션 페이지 뒤로 애니메이션 제작 (@font-face 작은 아이콘 구현)
14분15초
섹션6 네비게이션 페이지 백 애니메이션 제작 (애니메이션과 전환의 차이)
12분17초
섹션7 네비게이션 페이지 뒤로 애니메이션 제작 (애니메이션 제작 애니메이션)
11분09초
장2 네비게이션 페이지 애니메이션 제작
장3 자세한 최적화 및 요약
데이터 이름
The courseware is currently not available for download, and the staff are organizing it. Please pay more attention to this course in the future~
黄舟 강사 기타 강좌
인기 강좌
최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)
79 수업 시간
1477461
JAVA 초보자용 비디오 튜토리얼
753 수업 시간
2982771
Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼
60 수업 시간
546855
웹 프론트 엔드 개발에 대한 빠른 소개
8 수업 시간
220824
PS 비디오 튜토리얼을 처음부터 마스터하세요
268 수업 시간
1003644
최신 강좌
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
[웹 프런트엔드] Node.js 빠른 시작
16 수업 시간
16702
해외 웹 개발 풀스택 강좌 총집합
12 수업 시간
13514
Go 언어 실습 GraphQL
10 수업 시간
11164
550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다
1 수업 시간
1265
기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬
50 수업 시간
55903