CSS transform: perspective

[Drons2p]

Сan i save div with CSS transform: perspective?
I mean something like this:

  #div2 {
  background: linear-gradient(to right, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);

    width: 60px;
    height: 90px;
    transform: perspective(200px) rotateY(45deg);

 } 

or

  #div2 {
  background: linear-gradient(to right, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);

    width: 60px;
    height: 90px;       
    transform: matrix3d( 1, 0, 0, -0.008,
                       0, 1, 0, 0,
                       0, 0, 1, 0,
                       0, 0, 0.23, 1 );
 } 

[thomasrye]

Everything I've read is saying that you cannot get 3d properties (perspective, rotateX, etc) in 2d context. 2d context only allows what matrix() has which is rotate, skew, scale, translate. I'm searching for ways to get matrix3d() or perspective to the canvas.

[Drons2p]

But canvas does not support 3d context now.
Is it so?

[thomasrye]

it is canvas.getContext('webgl') but there is a lot more involved to get css 3d properties to canvas

[bausk]

Is there any chance this issue can be reopened?

[rashn]

Any news?

[jungwoolee-letsee]

any news? ㅠㅠ

[audas]

Any news?