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

Posted by Justin Maisonneuve
Justin Maisonneuve
Courses Plus Student 2,588 Points

Image linear-gradient problem..

Hi everyone,

I want to put transparent shade on the top and the bottom of my image but its just work for the bottom or top.

I try to use linear-gradient but like I said its just work for one border.

Thanks for your time,

Justin M.

1 Answer

Jamie Holloway
Jamie Holloway
4,549 Points
Jamie Holloway
Jamie Holloway
4,549 Points 
background: linear-gradient( transparent 0%, red 50%, transparent 100%);

That seems to work for me :)