+3

CSS perspective not working

I’m not exactly sure that it is the perspective, but for some reason I’m not getting a 3D ... I’m using perspective: 1000px; and transform-style: preserve-3d; but it doesn’t seem to be working. Anybody know y https://code.sololearn.com/WlCa8yeFbzKN/?ref=app

4/3/2020 6:40:57 AM

Ginfio

13 Answers

New Answer

+6

The geometric body is flat, but it's moving in 3D...

+2

The output is okay or you should add more to your description

+1

I think your output is very good

+1

Mirielle(20k XP Monthly till November [2020]) it’s not really about the output. meaning... I see the output is putting something out there.. but I tried to make it 3d. by using perspective, and some transform[rotate]. But the output just looks flat _ not in a 3d form

+1

Viktoria Belazerava Don't Spam in Q&A section by posting unnecessary off topic greetings!

+1

apply perspective to the container apply transform-style to base apply transform to the svg you want to manipulate you only need one svg tag,

0

You dont need respective

0

Shaxzoda Sherzodovna i want the output in 3d. so .. don’t i need perspective

0

Maybe your device and or browser doesn't support 3d transform (if they are old, they may not support transform at all), because your code is running as expected (3d rotation) for me as for Mirielle(20k XP Monthly till November [2020]) and Crash ... You could test for that, by putting this js snippet in your js tab: addEventListener('load',function() { var f = getComputedStyle(document.body).perspective; alert( f ? 'perspective seems to be supported' : 'perperctive (and 3d transform at least) are not supported' ); });

0

0

🎊 𝓢𝓾𝓹𝓮𝓻 𝓓𝓸𝓻𝓲𝓽𝓪 🎉 na. I’m gonna try different things and see what happens_

-2

-2