创建CSS透视变换以匹配23度角时出现问题

创建CSS透视变换以匹配23度角时出现问题,css,css-transforms,Css,Css Transforms,我正在尝试将iframe映射到这个iPad图形的相同角度,迄今为止,我发现的每个transform/matrix3d示例都从未做过类似的事情: 以下是我的出发点: 这种透视/角度可能吗?任何帮助都将不胜感激。嗨,你试过使用吗?@YesThatIsMyName,我试过了,但没有成功。这真的很难,但这是个好主意!我对这些属性不太熟悉,但你目前的代码是什么?我没有足够的时间去深入研究它。不,但我最近尝试实现了同样的目标,以下是我的发现:而且,它可能会帮助你获得正确的视角。 .trans3d {

我正在尝试将iframe映射到这个iPad图形的相同角度,迄今为止,我发现的每个transform/matrix3d示例都从未做过类似的事情:

以下是我的出发点:


这种透视/角度可能吗?任何帮助都将不胜感激。

嗨,你试过使用吗?@YesThatIsMyName,我试过了,但没有成功。这真的很难,但这是个好主意!我对这些属性不太熟悉,但你目前的代码是什么?我没有足够的时间去深入研究它。不,但我最近尝试实现了同样的目标,以下是我的发现:而且,它可能会帮助你获得正确的视角。
.trans3d {
  position: absolute;
  top: -28em;
  left: 50%;
  width: 709px;
  height: 1261px;
  transform-origin: 50% 50% 0px;
  transform: matrix3d(0, -0.458861, -0.655322, 0, 0.8, 0, 0, 0, 0, -0.819152, 0.573576, 0, -354.5, 0, 0, 1);
}