【问题标题】:HTML/CSS to Animate Gif (or video) on Hover based on mouse positionHTML / CSS在基于鼠标位置的鼠标上为GIF(或视频)设置动画
【发布时间】:2018-02-22 12:22:21
【问题描述】:

我想知道是否有一种方法可以根据鼠标相对于框架的悬停位置为 gif 或视频制作动画。

我认为我的意思最好的例子是,如果 gif 是某人转身 360,我希望该人在鼠标位于框架左侧时面向前方,在框架左侧时转身框架的中心,在框架的右侧(以及所有中间位置)再次面向前方。

有效地,使用鼠标悬停作为视频时间轴的拖动功能

如果您有任何想法或需要更多详细信息,请告诉我。

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

提前谢谢大家。

【问题讨论】:

标签: html css animation video gif


【解决方案1】:

您可以在 CSS 中的类上使用 transform: rotate()

这里是demo

【讨论】:

    猜你喜欢
    • 2014-01-20
    • 2014-02-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-18
    • 1970-01-01
    相关资源
    最近更新 更多