CSS visual treatments and interaction states
Add visual treatments and interaction feedback to page elements with CSS.
With Zoonk, your plan starts at this chapter and fits your schedule.
Build my plan
Start free, no account needed.
Where this chapter sits in the course
Beginner12
Chapter 6 of 12 · Beginner
Lessons
Chapter 6 of 12 · 11 short lessons · 40 min- 1CSS background images4 min
- 2CSS linear gradients3 min
- 3CSS borders and rounded corners3 min
- 4CSS box shadows3 min
- 5CSS opacity3 min
- 6CSS overflow3 min
- 7CSS object fitting3 min
- 8CSS interaction states4 min
- 9CSS pseudo-elements4 min
- 10CSS transitions4 min
- 11Challenge: CSS visual treatments and interaction states6 min
What you'll learn
- Style backgrounds, borders, and shadows
- Control image fitting and overflowing content
- Add interaction feedback and motion-aware transitions
Your plan from this chapter
It follows the course from here, at your pace, with reviews before you forget.
Build my plan
Start free, no account needed.