我正在构建一个折叠菜单,当菜单元素打开/关闭时,他的高度会发生变化,并希望在菜单的一侧有一个阴影。
我有三张图片作为背景图片来模拟阴影效果(顶部和底部各一张,中间一张将在y维度上重复)。目前我已经为左上角和左下角设置了背景图像,但不知道如何让中间的阴影重复以填补空白。
有什么建议吗?
background: url('/devassets/content_shadow_top.png') left top no-repeat, url('/devassets/content_shadow_bottom.png') left bottom no-repeat;