【问题标题】:Overlapping elements in both directions在两个方向上重叠元素
【发布时间】:2020-09-04 05:58:55
【问题描述】:

伙计们,我正在尝试重新创建这个网站,只是为了学习目的, 在主页的新闻部分,有这张卡片 悬停效果。是否可以仅使用 css 将其拉出? 我总是在下一张牌后面滑出一半。 每张卡上的不同z-index 都可以,只是最后一张 正在向“错误”的方向滑出。 这是网站链接https://altar.io/

【问题讨论】:

  • 您能否在问题中包含一个带有代码的最小且完整的示例?更清楚地解释您遇到的问题、您尝试解决的问题以及您的预期结果/行为是什么?
  • 嘿,Marko,有一种方法可以了解它们的工作原理。只需在浏览器的控制台中查看它们即可。它包含有关 DOM 上每个元素的有用信息。

标签: javascript css hover


【解决方案1】:

您尝试重新创建的网站使用 wow.js,它使用 JS 和 CSS 生成动画。

你可以从这里得到它: https://wowjs.uk/docs

您可以通过查看每张卡片的 DIV 元素来检查库。它们包含像 data-wow-duration 这样的数据属性,这是一个 wowjs 库代码

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-12-08
    • 2017-07-08
    • 2012-03-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多