Schedule > 9. Advanced CSS Techniques

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