如何创建Box Shadow翻转和悬停css导航？

Question

我想使用css在我的导航菜单上创建box-shadow / ribbon的效果我有一个图像和示例想学习创建的东西我是一个初学者web开发者sorta和这个演示一样{{ 3}}如果有人可以帮助我学习会很棒。

我刚刚学习如何创建类似于此链接的导航栏

Answer 1

为什么你不只是制作一个带有所需阴影的PNG？或者创建一个阴影图像png，并用它包围带有背景的div。

我会避免使用CSS3，因为跨浏览器兼容性现在是一个问题。

---

以所需的填充尺寸，以透明背景开始新图像。使用渐变制作阴影，然后保存为Web。选择PNG 24就是这样。