April 16, 201412 yr I've nothing but problems with this. The words "gallery" I want to rotate in 3D and reveal the words "art/art2", using the vendor prefix rotateX(). I applied a background color to make things visually easier. If anyone has experience with CSS3 advanced features, I would greatly appreciate your time and help. [Link] (Vendor Prefixes are only applied for Chrome at this time, if you view in FireFox or another browser you won't see the effect)
April 16, 201412 yr Author Is this the effect your after? http://jsfiddle.net/qJD9L/ Close, the words Art/Art2 must rotate. Think of a box, with one word on the top and one word facing you, when you rotate the box, the top words would show. Creating a 3D effect
April 16, 201412 yr Author http://jsfiddle.net/DWGg5/ That is the exact effect I want. It's not working exactly like your example on my site (same link, refresh) You didn't use transition, I was told you had to use transition ! Why did you put in the extra box class ?
April 16, 201412 yr The transition is on the .box container.The .box div is a container to represent the box, .gallery and .back are the sides of the box, it's the box that rotates when you hover over the .wrap div, the sides are static.I'ts only an example, the code is all there, how you implement it is up to you
April 16, 201412 yr Author The transition is on the .box container. The .box div is a container to represent the box, .gallery and .back are the sides of the box, it's the box that rotates when you hover over the .wrap div, the sides are static. I'ts only an example, the code is all there, how you implement it is up to you It works, as well as I understand why so many DIV are required Quite complex css, thank you CSS3 can't do "colliding", in other words if a div collides with another div it won't allow it, understand or want an example ? Edited April 16, 201412 yr by CreativeSheep
Create an account or sign in to comment