CSS perspective not working

Question

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

Answer 1

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

Answer 2

I think your output is very good

Answer 3

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

Answer 4

Did you resolve it ?

Answer 5

Viktoria Belazerava

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

Answer 6

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,

Answer 7

You dont need respective

Answer 8

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

Answer 9

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'
);
});

Answer 10

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

Answer 11

No

Answer 12

Hello