页面图片加上阴影和圆角之后,好看多了

发布时间: 2019-10-18 16:19:05 作者: 大象笔记

什么情况需要加上阴影和圆角

当很多产品图片没有色调规范,就会出现许多白底的图片,可能被背景色融为一体。容易分不清边界。

加上阴影和圆角之后,就能凸显对齐的效果。

另外,文章内部加上阴影和圆角之后,效果也非常好。

效果对比

加上阴影和圆角前

加上阴影和圆角后

CSS 代码

border-radius: 8px;
box-shadow: 0 16px 38px -12px rgba(0,0,0,0.46), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);

参考

https://www.creative-tim.com/presentation

我是一名山东烟台的开发者,联系作者