ps投影和CSS box-shadow转换

image.png

box-shadow: inset x-offset y-offset blur-radius spread-radius color

最终转换css3
box-shadow: 0.5px 0.8px 22px 0 rgba(85,85,85,0.08)

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS3阴影 box-shadow的使用和技巧总结
    text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS...
    arlene112阅读 2,299评论 0赞 1
  • 实用的60个CSS代码片段
    1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，...
    kiddings阅读 3,215评论 0赞 11
  • CSS3 box-shadow介绍
    我对任何美的东西都会本能地生出一种爱，在CSS的世界里，凡和色彩渐变等沾边的属性都是我的菜。因此box-shado...
    张歆琳阅读 6,685评论 6赞 33
  • Css Secrets - one-Sided shadows
    阴影大家或多或少都用过，用的好的可以到什么程度呢，来看下： 亮瞎眼的box-shadow 这个网址打开比较慢，我把...
    Scaukk阅读 812评论 0赞 3
  • 排版 - 草稿
    1.标题 读者只能看到26字 不能太长，不然影响美感，也使读者丧失主次，影响读者转发朋友圈时提升逼格 2.样式字体...
    总会变好阅读 737评论 0赞 0