CS130: Spring 2022

Tools and Technologies of the World Wide Web

CS130: Spring 2022

Lessons > 9. CSS Fun

Exercise Files

Slides

Lecture Video(s)

Today will be our last day of CSS formal instruction, though you will still get a lot more practice in HW2. I was thinking of just showing you some options and talking through how you might approach incorporating some of these flourishes into your website.

Try to have fun with these ideas – even if you don’t really understand the syntax yet. Some interesting links and resources I found online:

Image Backgrounds

Parallax

Some of these require JavaScript, so

Other Animation Libraries and Tutorials

  • AnimeJS
  • Some interesting CSS Shorts on LinkedIn learning, which deconstruct various design techniques / flourishes.