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
Diante Calhoun
Courses Plus Student 4,767 PointsCSS Reflections 1
Hello. I am working on the CSS Reflections part 1 Video. I am fully aware that the webkit functionality only works for Chrome and Safari for the time being. However, it seems as if part of it is not working for me even though I am matching word for word what Nick has on the screen.
Pretty much, the box mask reflection is not working. The safari.png logo is not showing anything at all. It looks the same as the original text reflection.
I have added the code as I have it to CodePen. If possible, could someone tell me what it is that I am doing wrong?
Thanks- Diante
4 Answers
Alexander Smith
2,769 PointsHaven't watched that video yet but from googling it seems only the values in the property are direction, offset, and the image. Try removing the others.
Diante Calhoun
Courses Plus Student 4,767 PointsYeah.... I tried experimenting blindly and googling specifically all over and I was getting no where. The image is still not working though.
Guil Hernandez
Treehouse TeacherHi Diante,
That should work. Is your CSS file in a folder named "css" and your image in a folder named "images"?
Diante Calhoun
Courses Plus Student 4,767 PointsEverything looks perfect. I think the problem may come from the safari logo that is included in the Project Files. Other images are working fine, but the safari.png is not. But I understand the basis of the lesson.