- Overview
- Transcript
1.1 Introduction
In this course we’ll be using CSS3 to build things like a “PowerPoint presentation”, SVG animation, a “smooth scrolling picture book”, Parallax effects and plenty more. Let’s start with a little preview of the ten projects you’ll make.
1.Introduction
1.1Introduction01:02
1.2The Project Process03:59
2.The Projects
2.1Animated Responsive SVG Logo14:33
2.2CSS3 Background Patterns12:04
2.3Personal Business Card15:26
2.4Polaroid Image Gallery14:43
2.5Parallax Cover Section15:30
2.6Animated Spotlight Effect15:31
2.7CSS3 Motion Typography15:16
2.8Horizontal Smooth Scrolling Picture Book15:32
2.9Pure CSS3 “PowerPoint”-Like Presentation14:04
2.10Sprite and Infinite Loop SVG Animation14:51
3.Conclusion
3.1Conclusion01:18
1.1 Introduction
Being up to speed with CSS3 is essential for ensuring that you have every possible web design technique at your disposal. CSS has evolved into a rich and powerful language, now with the ability to do things that in the past required third-party plugins or intensive JavaScript. In this course, you'll be creating ten full CSS3 projects that will give you hands-on experience with some of the awesome new possibilities that are now available for designers. You'll be creating all kinds of things from animated logos to image galleries, to motion typography, just to name a few. And along the way, you'll be learning all the ins and outs of CSS3, including animations, flexbox, new ways to use gradients, new selectors, viewport relative units and much, much more. So let's go ahead and get started on ten CSS3 branding and presentation projects. I'll see you in the first project.
Back to the top
