Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Basics (2014) Enhancing the Design With CSS Gradients: Color Stops

question and help

now i were playing with the linear gradients and radial gradient then i typed this .4876{background-image:linear-gradient(at top, lightblue ,darkblue)} then it doesn't function and what it displayed is a nothing and no color displayed what is the soulution

2 Answers

Kevin Korte
Kevin Korte
28,148 Points

Your syntax isn't valid, so it's not working, check out this: https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient

at top isn't valid, but depending on what you are going for, to top is. That guide above will explain all the options available to you to use the lineal-gradient function.

thank you very much mister kevin korte but my question is how many color values that gradients can take?.

Kevin Korte
Kevin Korte
28,148 Points

Well, that wasn't stated in the original question, but to answer that, you can pretty much have as many color stops as you want. Under "Values" check out the syntax for color stops: https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient#Gradient_with_multiple_color_stops

thank you for your answer kevin.