今天在写CSS时,设计稿上有一个单边渐变阴影的效果,方块元素上部有个阴影渐变。
我第一时间想到的方式是用box-shadow解决。写上 box-shadow:inset 0 2px 5px 0 #000; 最终展示的效果,发现在左右两侧也有阴影效果。
网上查了下,似乎是个不好解决的方法。
于是,我用了另一个解决方法,
在块元素顶部,放置了一个div,div的背景用上渐变效果。展示出来的效果就和 设计稿一致了。
今天在写CSS时,设计稿上有一个单边渐变阴影的效果,方块元素上部有个阴影渐变。
我第一时间想到的方式是用box-shadow解决。写上 box-shadow:inset 0 2px 5px 0 #000; 最终展示的效果,发现在左右两侧也有阴影效果。
网上查了下,似乎是个不好解决的方法。
于是,我用了另一个解决方法,
在块元素顶部,放置了一个div,div的背景用上渐变效果。展示出来的效果就和 设计稿一致了。