Schedule > 9. Advanced CSS Techniques
Week 7: Wed, Feb 22
To round out our HTML & CSS instruction, we’ll be going over some advanced CSS techniques – to further enhance your visual designs.
References
Image Filters
- Image Background Walkthrough (Free Code Camp)
Really nice walkthrough of the various CSS properties - Image Backgrounds: Examples (W3Schools)
- background-image property (W3Schools)
- background-attachment property (W3Schools)
- Image filters (W3Schools)
Transitions & Pseudoclasses
- What are pseudoclasses?
- CSS link hover effects + CodePen
- CSS link hover effects: animated underline
- CSS link hover effects: getting creative with text shadows + CodePen
- The transform property
Keyframes
- CSS animation for beginners Thoughtbot
Slides
- Lecture 12: Image Backgrounds & HTML5 Media (Wednesday, 02/22)
- Lecture 13: L13: Pseudo-classes & transitions continued
- Lecture 14: Keyframes
Videos
Videos will be published after class on Google Drive
Activities
- Lecture 12: Background Images & Media Activity
- Lecture 13: Transitions Activity
- Lecture 14: Keyframes