The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Proper 3D box without being resized?

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #206474


    I have to make a rotating prism for banners. I’m doing it with transition/transform. My problem is the following:
    If I add ‘perspective: 1000px’, the box gets resized, which is bad because the picture in box also would also get resized.
    If I don’t add perspective, the size of the box is okay, but the rotation is not realistic, because while rotating, the left and right sides of the box remain parallel/vertical.

    Here you can see the two results:

    1. with perspective
    2. without perspective
    • You can rotate the box with keys up and down.
    • There are some vertical lines in side ‘1’, if they’re wavy, the box is resized.

    Is there a way to make the prism rotate like in the ‘with perspective’ version, but without resizing the box?


Viewing 1 post (of 1 total)
  • You must be logged in to reply to this topic.