如何将动画html转换为gif？

Question

检查这个网站： http ://themes.framework-y.com/codrop/chat/

它有这个部分，带有整洁的 css 动画。 我会将此部分与自定义图像转换为 GIF 并将其用作我的 sebsite 中的 og:image。 如果有人在 Facebook 上分享页面，则此图像应在下方可见，并且应具有动画效果。 如果我在我的页面中使用上面的这个部分，如何将 html + css 组合转换为 GIF？ 我会以编程方式进行，因为将使用自定义图像，用户可以上传自己的图像。