如何在 Twitter 导航上复制悬停效果阴影

Posted

技术标签:

【中文标题】如何在 Twitter 导航上复制悬停效果阴影【英文标题】:How to Replicate the Hover effect Shadow on Twitter Navigation 【发布时间】:2021-05-11 04:54:02 【问题描述】:

我目前正在使用 React 从头开始​​构建 Twitter,并且我一直在尝试复制导航上的悬停效果(当您将鼠标悬停在网站导航侧的任何内容上时出现的圆形颜色)。请帮帮我。

TwitterImageScreenshot:

【问题讨论】:

【参考方案1】:

您必须应用 CSS 来更改悬停时的背景颜色。 您可以使用 CSS :hover 选择器。 在此处阅读更多信息:https://www.w3schools.com/cs-s-ref/sel_hover.asp

【讨论】:

以上是关于如何在 Twitter 导航上复制悬停效果阴影的主要内容,如果未能解决你的问题,请参考以下文章

如何在导航上添加悬停过渡效果?

如何将文本阴影添加到 Twitter Bootstrap 导航栏链接?

删除嵌入式 Twitter 小部件上的悬停效果

悬停时如何更改导航栏链接上的文本颜色(和背景)? [复制]

如何在Twitter Bootstrap工具提示上启用淡入淡出效果?

如何使悬停在活动按钮上不使用悬停效果?