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
Alexander Rivera
2,302 PointsHelp With HTML + CSS Transitions
Hey guys, so I'm looking to code exactly what is featured in this video. I know roughly what needs to be coded, but if someone could give me a little more experienced insight, that would be amazing.
One of the main things that I'm unsure of currently, is how to organize the layers so that the phone + skyline are beneath the div that has a lowered center, as seen in the video.
Thanks so much!
6 Answers
Cosmin Cioaclă
21,339 PointsThis is an example.
Cosmin Cioaclă
21,339 PointsI think you need to look into the z-index css property.
Alexander Rivera
2,302 PointsI'm aware of the z-index property. Do you know how I can give a div a V-like appearance as seen in the video? In order to show the phone rise up behind it
Cosmin Cioaclă
21,339 PointsI think you can play around with CSS triangles, as described by Chris Coyer.
Alexander Rivera
2,302 PointsI looked into it. Would it be something regarding defining top border versus top right, top left, etc? Example code would be greatly appreciated
Alexander Rivera
2,302 PointsThanks! If I have any more questions I'll post them