Join Justin Seeley for an in-depth discussion in this video Using the Exercise Files, part of CSS: Gradients.
If you're a premium member of the lynda.com online training library, you have access to the exercise files for this course. I have put together several code snippets and example of HTML pages that you can reference as we go through the course, so that you can make sure that you're following along with exactly what I'm doing on screen. You can also use these files as a starter file for your next project if you want. I keep several gradient snippets on file, so I can easily apply them when necessary. So hopefully these files will help you start and build up your own library as well. In order to access the files, just access the chapter that we're working on, and then find the section of that chapter in which we're working on, and then just open up both the index page and the style.css document.
In most cases, I'll give you a reference of what we're doing and you can usually follow along with the overlays that appear on screen as well. If you're not a premium member of the online training library, that's okay. I'll be walking you through everything step-by-step, so you should be able to follow along on your own without any problem, using your own files.
- Exploring browser compatibility
- Creating horizontal and vertical gradients
- Adding extra color stops
- Exploring radial gradient syntax
- Using transparency
- Creating fallbacks
- Generating gradients via the web