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

文章目录

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

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

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

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

    效果对比

    加上阴影和圆角前

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

    加上阴影和圆角后

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

    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 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式