html - 使用 CSS3 设计导航菜单

目前看起来像下面

enter image description here

我想要实现的结果如下所示(我在 Photoshop 上制作的)

enter image description here

用 CSS3 有可能得到这个结果吗？如果是，请帮助我。想不通，如何得到这个结果

最佳答案

我们来了

我已经使用 CSS 伪元素来显示它们，如果你愿意，你可以用普通元素替换，但这不是一个非常明智的选择。

其次，我使用了数据属性来显示数字的值，您可以使用非常少量的 javascript 动态更改数字，这将自动更改框中显示的数字:-)

希望对您有所帮助..

抱歉，我没能找到你的悬停效果:-(

关于html - 使用 CSS3 设计导航菜单，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10870009/

相关文章：

javascript - 将字符串从 JSON.stringify 转换回数组