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) Fundamental Concepts Fundamental Concepts Review

Posted by MIHA W.LEE
.a{fill-rule:evenodd;}techdegree seal-36
MIHA W.LEE
PHP Development Techdegree Graduate 25,452 Points

Gradient color stops

I just finished the Css Basic course, but there is one things i dont understand really well. The gradient color stops, can someone explain to me, what exactly the percentage mean in the color stops. I know its changing the position of each color, but how? I still dont understand it. I hope someone can explain to me very detailed, thank you so much!!! And waiting for your guys reply.

1 Answer

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

The percentage sets how far across the gradient that the color is completely changed. But no explanation will be as good as some first-hand experimentation. There are many online tools to make gradient creation easy and fun. Here are a few examples:

MIHA W.LEE
.a{fill-rule:evenodd;}techdegree seal-36
MIHA W.LEE
PHP Development Techdegree Graduate 25,452 Points

OK，thank you so much, the tools is very easy to use!!!