Name: Video tutorial on achieving smooth transition effect on web pages using css3
Uploaded: 2022-04-18T17:06:05+8:00
Duration: 124 min 27 s
Description: Without any JavaScript scripts, use pure CSS to achieve smooth transitions between pages and experience the magical experience brought by transform, transition, and animation.

Chapter1Navigation production: Effect demonstration
01 minutes36 seconds; Page structure writing
04 minutes01 seconds; Use radio to create navigation (html structure construction)
07 minutes38 seconds; Use radio to make navigation (add style)
13 minutes25 seconds; Use radio to create navigation (current navigation style settings)
05 minutes52 seconds; Navigation triangle production
07 minutes32 seconds
Chapter2Navigation page animation production: Navigation page switching (1)
05 minutes21 seconds; Navigation page switching (2)
08 minutes29 seconds; Navigation page switching (3)
09 minutes05 seconds; Navigation page back animation production (icon triangle background production)
04 minutes43 seconds; Navigation page back animation production (@font-face implements small icon)
14 minutes15 seconds; Navigation page back animation production (difference between animation and transition)
12 minutes17 seconds; Navigation page back animation production (animation production animation)
11 minutes09 seconds
Chapter3Detailed optimization and summary: Details
04 minutes55 seconds; adaptive processing
12 minutes20 seconds; Summarize
01 minutes49 seconds

About Instructor

黄舟: student

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

About Instructor

php.cn