使用html和css表格方法创建图像

我想创建图像使用HTML表格，还想动画它

但是我找不到任何东西来减缓边界崩溃的速度

见Rajat Gupta的笔（）
在…上

方法如下。您使用表中的小单元格创建了图像，并为每个单元格指定了背景色。每个单元格都有边框间距，您可以使用CSS中的

边框间距

属性来调整间距，而不是使用边框

边框折叠

因此，您所要做的就是添加一个转换来更改CSS中的边框间距属性

下面是执行此操作的代码：

.styled-table,th, td 
{             
  border: 0px solid black;                      
  border-spacing: 10px;             
  transition: all 2s ease;                        
}

.styled-table th,td
{   
  width: 1px;             
  height: 1px; 
}       
  
.styled-table:hover,th, td
{                      
  border-spacing: 0px;
}

---

我重新发布了这个答案，因为它对其他人也有帮助。谢谢你，你不能。该属性不能转换

边框折叠

不能设置动画，但

边框间距

可以设置动画，产生相同的输出，但对实现转换没有帮助。@trickymind你能重新设置吗编写代码并发送给我。不要说它很大，因为只有两个css类。这不会改变任何事情，我唯一要做的就是用边框间距替换边框塌陷检查此链接：@trickymind Bro！它发生了，你可以在这里签出，我也相信你。感谢你给我宝贵的时间。