HTML / CSS根据鼠标位置在悬停上动画GIF（或视频）

Question

我想知道是否有办法根据鼠标悬停在相对于框架的位置来设置gif或视频的动画。

我认为我所说的最好的例子是，如果gif是有人转过360，我会希望当鼠标位于框架的左侧时，该人面向前方，在框架的中心，在框架的右侧（以及所有中间部分）再次面向前方。

实际上，使用鼠标悬停作为视频时间轴的拖动功能

如果您有任何想法或需要更多详细信息，请与我们联系。

如果需要，我可以上传一些示例GIF /视频来阐明我的目的。

提前谢谢你们。

Answer 1

您可以在CSS中使用transform: rotate()。

这是demo。