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
john knight
Courses Plus Student 9,155 Pointsi need little help
i added a image in a webpage in the workspace then i wanted to put shadows in the top and the bottom of the image like this image
https://cdn.pixabay.com/photo/2015/07/06/13/58/arlberg-pass-833326_960_720.jpg
2 Answers
Steven Parker
229,783 PointsTry this shadow generator tool.
Your link doesn't seem to work, but if I go directly to the image URL I can see the photo but with no shadows. Perhaps there were shadows on the page where you originally saw that image.
It could be that what you were seeing was created by the CSS box-shadow property. Here's a great CSS Box Shadow Generator tool that gives you a visual interface to design a shadow and translates it into code you can cut and paste.
Also be aware that you can have multiple shadow specs in the same box-shadow property by separating them with commas.
john knight
Courses Plus Student 9,155 Pointsthank you very much
Cory Harkins
16,500 PointsCory Harkins
16,500 PointsHeck yes! That's an awesome resource, thanks Steven!