Question

下午，我有一张桌子，其中我使用.load将html页面加载到td中，我应用css（特别是通过.class td {}翻译来应用于td），这会向后移动td，但是td内容保持原状，任何帮助表示赞赏。

<table id="newsfeed_table2" class="newsfeed_table2">
  <tr>
  <td></td>
  </tr>

</table>

    .newsfeed_table2{
transform-style: preserve-3d; 
perspective:500px;
    padding: -100px; margin: 0;
  position: absolute;
    top: 350px;
    translatez(-110px);
    left: 400px;
    width: 300px;
}
table.newsfeed_table2 td{
transform-style: preserve-3d; 
perspective:500px;
    padding: -100px; margin: 0;
  position: absolute;
   top: 350px;
   translatez(-110px);
   left: 400px;
   width: 300px;

}

我用$（'＃id'）加载它.load（“xxx”，function（）{}）;

Answer 1

我认为从语法错误开始，改变：

translatez(-110px);

为：

transform:translateZ(-110px);

如果你想要动画，请添加：

transition: transform 1s ease-in;

我们无法通过提供的信息进行更多操作，但请先尝试一下。

Answer 2

您需要向元素添加transition属性，表示应该执行一些动画。例如：

transition: all 0.3s ease;

这将启用所有类型的转换（包括将来的转换）

将CSS应用于td，并通过JQuery将html加载到其中

2 个答案: