Lessons: 13Length: 2.6 hours
In this course you’ll be using CSS3 to complete ten branding and presentation projects, from a personal business card to a PowerPoint-style presentation. These projects will help you understand some of the newest design techniques that CSS3 brings to the table. We’ll be using CodePen to build each one.
Learn CSS: The Complete Guide
We've built a complete guide to help you learn CSS, whether you're just getting started with the basics or you want to explore more advanced CSS.
1.Introduction
1.1Introduction01:02
1.1
Introduction
01:02
1.2The Project Process03:59
1.2
The Project Process
03:59
2.The Projects
2.1Animated Responsive SVG Logo14:33
2.1
Animated Responsive SVG Logo
14:33
2.2CSS3 Background Patterns12:04
2.2
CSS3 Background Patterns
12:04
2.3Personal Business Card15:26
2.3
Personal Business Card
15:26
2.4Polaroid Image Gallery14:43
2.4
Polaroid Image Gallery
14:43
2.5Parallax Cover Section15:30
2.5
Parallax Cover Section
15:30
2.6Animated Spotlight Effect15:31
2.6
Animated Spotlight Effect
15:31
2.7CSS3 Motion Typography15:16
2.7
CSS3 Motion Typography
15:16
2.8Horizontal Smooth Scrolling Picture Book15:32
2.8
Horizontal Smooth Scrolling Picture Book
15:32
2.9Pure CSS3 “PowerPoint”-Like Presentation14:04
2.9
Pure CSS3 “PowerPoint”-Like Presentation
14:04
2.10Sprite and Infinite Loop SVG Animation14:51
2.10
Sprite and Infinite Loop SVG Animation
14:51
3.Conclusion
3.1Conclusion01:18
3.1
Conclusion
01:18
