Video tutorial on achieving smooth transition effect on web pages using css3
Without any JavaScript scripts, use pure CSS to achieve smooth transitions between pages and experience the magical experience brought by transform, transition, and animation.
41150
person learning
16
class hour
2022-04-18
update time
02 Hours04 minutes27 seconds
Total course duration
人生最曼妙的风景，竟是内心的淡定与从容！
You will learn
1. How to analyze animation effects 2. How to use @font-face to introduce custom fonts 3. How to use transform to achieve translation and rotation 4. How to use transition to implement transition animation 5. How to use animation and keyframes to define animations
Video tutorial on achieving smooth transition effect on web pages using css3
Section1 Effect demonstration
01 minutes36 seconds
Section2 Page structure writing
04 minutes01 seconds
Section3 Use radio to create navigation (html structure construction)
07 minutes38 seconds
Section4 Use radio to make navigation (add style)
13 minutes25 seconds
Section5 Use radio to create navigation (current navigation style settings)
05 minutes52 seconds
Section6 Navigation triangle production
07 minutes32 seconds
Chapter1 Navigation production
Section1 Navigation page switching (1)
05 minutes21 seconds
Section2 Navigation page switching (2)
08 minutes29 seconds
Section3 Navigation page switching (3)
09 minutes05 seconds
Section4 Navigation page back animation production (icon triangle background production)
04 minutes43 seconds
Section5 Navigation page back animation production (@font-face implements small icon)
14 minutes15 seconds
Section6 Navigation page back animation production (difference between animation and transition)
12 minutes17 seconds
Section7 Navigation page back animation production (animation production animation)
11 minutes09 seconds
Chapter2 Navigation page animation production
Section1 Details
04 minutes55 seconds
Section2 adaptive processing
12 minutes20 seconds
Section3 Summarize
01 minutes49 seconds
Chapter3 Detailed optimization and summary
Data Name
The courseware is currently not available for download, and the staff are organizing it. Please pay more attention to this course in the future~
黄舟 Lecturer Other Courses
Popular courses
JAVA Beginner's Video Tutorial
753 class hour
2982562
Little Turtle's zero-based introduction to learning Python video tutorial
60 class hour
546669
Quick introduction to web front-end development
8 class hour
220790
Master PS video tutorials from scratch
268 class hour
1003302
Latest courses
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
[Web front-end] Node.js quick start
16 class hour
16696
Complete collection of foreign web development full-stack courses
12 class hour
13480
Go language practical GraphQL
10 class hour
11115
550W fan master learns JavaScript from scratch step by step
1 class hour
1264
