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 davidcasanellas
davidcasanellas
1,099 Points

Letterpress Effect with .png Images

Hello!

I was thinking in creating a row of logos (i.e the top companies that use my service) with a letterpress effect with CSS3 using .png B/W logo images. So, the final result would be like the inset text in CSS3 in the following tutorial http://line25.com/tutorials/create-a-letterpress-effect-with-css-text-shadow but instead of using text I would like to use images.

I hope you can help!

David

2 Answers

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Can you create a codepen to show us what you've got so far?

davidcasanellas
davidcasanellas
1,099 Points
davidcasanellas
davidcasanellas
1,099 Points

I haven't coded anything yet. I would like an effect like bitbucket.org has but, with a little inset/letterpress effect. Here's the link http://db.tt/8lyScPbk

Thanks!