css实现文字绕排 |css动画 缓慢回退

.wrap {
position: relative;
}
.image {
float: left;
margin-right: 20px;
z-index: 1;
}
.text {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

以上是一个简单的文字绕排的样式，其中使用了position、float、margin、z-index等CSS属性。

首先，在容器元素中设置position: relative，为了让绕排文本的定位基于这一容器而不是整个页面。

其次，将需要进行文字绕排的图片元素设置float: left，并设置一定的margin-right，以免文本部分与图片重叠。

最重要的部分是将文本元素设置为position: absolute，这样它就可以从文档流中脱离出来，可以随意确定它在容器中的位置。同时设置top和left为0，保证文本元素覆盖在图片元素上方。

最后一个是z-index属性，它用于控制元素的层次，设置图片元素的z-index为1，文本元素的z-index为2，保证文本位于图片上方。

这样就可以实现简单的文字绕排效果了。当然，具体效果还需要根据实际需求进行调整，例如可以为文本添加padding，调整图片的大小和位置等等。