gpt4 book ai didi

javascript - 37Signals 的主页悬停效果使用了什么代码?

转载 作者:行者123 更新时间:2023-11-28 19:02:31 24 4
gpt4 key购买 nike

悬停按钮影响 http://37signals.com/很漂亮而且 super 快。他们是如何做到的呢?貌似是javascript和css3,但是从源码看不出是用了什么样的函数实现的效果。

谢谢!阿泽姆

最佳答案

它们有几个 div(类 box hover_container hover_target)附加了悬停事件。当用户悬停在目标框上时,类 hover 被添加到它。 hover 类具有渐变效果,可突出显示当前悬停的 block 。

这些 block 中的每一个在标记内都有一个自定义箭头图像和与之相关联的文本。查看悬停在哪个上并显示正确的内容和箭头非常简单

关于javascript - 37Signals 的主页悬停效果使用了什么代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5139059/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com