Jquery 如何添加缩放效果以查看表格文本详细信息

我有一个表，它包含动态细节，现在我想添加一个缩放效果，用于查看每个表单元格的细节（文本）。我怎样才能做到这一点

<table>
<tr>
<th>head1</th>
<th>head2</th>
<th>head3</th>
<th>head4</th>
</tr>
<td>details1</td>
<td>details1</td>
<td>details1</td>
<td>details1</td>
<tr>
</tr>
<tr>
<td>details2</td>
<td>details2</td>
<td>details2</td>
<td>details2</td>
</tr>
<tr>
<td>details3</td>
<td>details3</td>
<td>details3</td>
<td>details3</td>
</tr>

标题1
标题2
总目3
总目4
细节1
细节1
细节1
细节1
细节2
细节2
细节2
细节2
细节3
细节3
细节3
细节3

如果您想单独使用css实现过渡效果，可以使用过渡效果

例如：

table td:hover{
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

---

如果您想使用jquery，那么可以使用任何jquery ui属性，如easin、easout等。

这种方法很好。但不使用悬停效果。需要另一种方法，如什么样的效果？？如图像缩放效果方法检查此方法并使用其中任何一种方法