当前位置: 代码迷 >> JavaScript >> 制作此Flash Action的CSS副本-悬停时将图片和弹出项目变为灰色
  详细解决方案

制作此Flash Action的CSS副本-悬停时将图片和弹出项目变为灰色

热度:14   发布时间:2023-06-12 14:10:12.0

嗨,我想仅使用CSS / Javascript复制此操作。 (我需要在iPad / iPhone上使用它)

我已经搜索了一下,但是我能找到的只是弹出菜单,而没有参考调暗图片。 (我的将有6个,而不是2个)。

有没有办法单独使用CSS和Javascript来做到这一点?

预先感谢您的答复。

查看的运动效果。 通过将图像交换为模糊版本可以实现图像上的视觉效果。

我同意狄奥狄斯

制作两张图像,一张正常,一张模糊。 使用在它们之间交换不透明度,并使用js触发它们,当您向一个方向或另一个方向拖动它时,该js会检查“滑块按钮”的位置。

并且不要忘记预加载图像,因此效果将流畅运行。 在Flash中,这很容易,因为您具有“模糊”效果,而在CSS中则没有。

  相关解决方案