如何创建类似于Google主页上应用程序图标的悬停效果?

发布于 2025-01-09 10:17:45 字数 183 浏览 0 评论 0原文

我还是个新手,正在学习 HTML & CSS 和克隆 Google 主页时我已经完成了所有操作,但无法在应用程序图标上实现这种悬停效果。

如果您不确定我在说什么应用程序图标,请查看图片

I'm still new and learning HTML & CSS and while cloning Google Homepage I've done everything but unable to achieve this hover effect on App Icon.

See the Picture if you are not sure what App Icon i'm talking about

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

你曾走过我的故事 2025-01-16 10:17:45

hover 效果在此元素中 并且它添加了“background-color: rgba(60,64,67,0.08)” 的效果。

要添加此效果,请创建如下规则:

a.gb_A:hover {
  background-color: rgba(60,64,67,0.08);
}

The hover effect is in this element <a class="gb_A" aria-label="Google apps"...> and it is adding an effect of "background-color: rgba(60,64,67,0.08)".

For adding this effect please create a rule as below:

a.gb_A:hover {
  background-color: rgba(60,64,67,0.08);
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文