Learn CSS / Fundamentals
Background
Access full course
Pro
- Full downloadable lessons.
- Ready-to-use code.
- Full refund within 30 days.
- Challenges based on real projects.
- Quiz tests.
- Future updates.
Master
- Full downloadable lessons.
- Ready-to-use code.
- Full refund within 30 days.
- Challenges based on real projects.
- Quiz tests.
- Future updates.
- 1 Hour online tutoring session.
- 20% discount on future courses.
Ready-to-use code
Colors & backgrounds / Linear gradients
See the Pen CSS Fundamentals / Colors & backgrounds / Linear gradients by In a Rocket (@inarocket) on CodePen.
Colors & backgrounds / Radial gradients
See the Pen CSS Fundamentals / Colors & backgrounds / Radial gradients by In a Rocket (@inarocket) on CodePen.
Best books to learn CSS

CSS: The Definitive Guide: Visual Presentation for the Web by O'Reilly Media

HTML and CSS: Design and Build Websites by John Wiley & Sons

CSS: The Missing Manual by O'Reilly Media

CSS Visual Dictionary by Independently published
What you have learned
- How to set a background using CSS.
- How to apply different background options: background-color, background-position, background-image, background-repeat and background-attachment.
- How to create linear and radial gradients.
- Tools: examine background and accessibility information, CSS gradients gallery, etc.
References
- The background CSS property by MDN.
- Chrome Developer Tools: Contrast ratio in the Color Picker.
- Enhanced recommended contrast ratio (AAA) by W3C.
- Minimum recommended contrast ratio (AA) by W3C.
- Gradient Magic: 28 collections and over 1558 unique CSS gradients.
- WebGradients: free collection of 180 linear gradients.
Newsletter
- Free Stuff. Exclusive access to new courses, latest news and free resources.
- No spam. Just real content that's meant to make a difference.