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

更新日期: 2019-10-18 阅读次数: 4656 字数: 154 分类: CSS

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

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

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

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

效果对比

加上阴影和圆角前

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

加上阴影和圆角后

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

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

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式