Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

CSS3 Second 3D Perspective

CSS3 Second 3D Perspective


Hello guys I have a map like this

and as you can see there is some trees but not true Perspective ı want this Question is clear how can I do trees like that.

Problem Courtesy of: user1387791


1) Apply this style to the main div container to preserve 3d drawing of the children:

[-webkit-/-moz-/...]transform-style: preserve-3d;

2) Apply a rotation to the trees:

[-webkit-/-moz-/...]transform: rotate3d(1, 0, 0,-90deg);

3) Use a transparent background image for the trees

Solution courtesy of: Juan Mellado


View additional discussion.

This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

CSS3 Second 3D Perspective


Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription