CSS沿DIV设置对象动画

CSS沿DIV设置对象动画,css,animation,Css,Animation,提前感谢您的帮助。这是我的目标 当前设置: 我在DIV中有一个图像,基本上是一条直线,垂直线。该网站主要是用PHP完成的 目标: 我想根据我在某处传递的百分比值,沿着垂直线的长度设置水平线或其他小图像的动画 可能的选项: -位于DIV顶部的透明DIV,图像根据高度的%上下移动 相邻DIV中基于百分比完成相同移动的图像(线或图标) 如果无法通过百分比进行此操作,我可能会在沿着此路径的特定点交叉时发送信息,并使用该信息更新水平线 关注点: -如果我可以在一个DIV中实现这种类型的动画,我应该在

提前感谢您的帮助。这是我的目标

当前设置: 我在DIV中有一个图像,基本上是一条直线,垂直线。该网站主要是用PHP完成的

目标: 我想根据我在某处传递的百分比值,沿着垂直线的长度设置水平线或其他小图像的动画

可能的选项: -位于DIV顶部的透明DIV,图像根据高度的%上下移动

  • 相邻DIV中基于百分比完成相同移动的图像(线或图标)

  • 如果无法通过百分比进行此操作,我可能会在沿着此路径的特定点交叉时发送信息,并使用该信息更新水平线

关注点: -如果我可以在一个DIV中实现这种类型的动画,我应该在哪里动态地传递百分比信息以使DIV移动

  • 我假设需要一些涉及jQuery/Ajax的解决方案来更新百分比值,所以我可能不得不在另一个问题中问这个问题,除非有人可以概述一个简单的方法

  • 理想的解决方案是使用高度为容器百分比或静态设置为px的DIV

再次感谢你的帮助

  • d-

#horizline{position:relative;top:0}
,然后一些JS执行ajax调用以获得更新的位置,并计算新的
top
偏移量以将该行设置为.interest。我理解这个概念,所以我“可能”能够在进行了一些挖掘之后使用它,但仍然对实现细节有点迷失。。。。谢谢你的帮助。