javascript - Stack Overflows 共享答案的过渡效果

Question

我们总是询问有关我们自己的网站和特定情况的问题。我认为问一个关于我们都知道的网站的问题会很有趣:Stackoverflow.com。

当您在 Stackoverflow 上分享答案时(在答案下单击“分享”)，您会收到一个链接。它看起来像这样:https://stackoverflow.com/a/45442900

然后打开链接，您会看到共享答案亮起几秒钟。

任何有创意的思想家知道如何复制这种效果吗？ STACKOVERFLOW 效果的另一个版本将受到欢迎，但我很好奇是否有人可以将其完全按照 STACKOVERFLOW 团队的示例制作(这与 Stackoverflow 上有关此事的其他相关问题相比有所不同)。

提前致谢。

Answer 1

您可以随时查看used CSS ，因为它没有以任何方式加密。

在那里你可以找到类似animation-name:blinking的东西，我猜这就是你正在寻找的东西。

给定元素的背景颜色设置为特定颜色，并且不透明度增加。这样效果就做出来了。