爱意满满的作品展示区。
mezw

将 Photoshop 投影转换为 CSS3 的 box-shadow

  •  2
     
  •   mezw · Feb 12, 2019 · 4332 views
    This topic created in 2823 days ago, the information mentioned may be changed or developed.
    rt, 因为目前接到来自设计师的都是 psd 文件,自己也安装过 sketch 想尝试,不过始终不太习惯。
    并且新版的 Photoshop 貌似是有更强大的类似功能或插件的。

    地址: https://psd2css.mezw.com/
    7 replies  •  2019-02-21 04:47:17 +08:00
    meszyouh
    meszyouh
    Feb 13, 2019 via Android
    1
    我选择 pxcook
    POPOEVER
    POPOEVER
    Feb 13, 2019
    2
    不需要工具吧,看几眼然后直接写
    moxiaonai
    moxiaonai
    Feb 13, 2019 via Android
    3
    蓝湖等 web 工具
    fenx
    fenx
    Feb 13, 2019
    4
    9102 年了怎么还有 psd 设计稿
    userdhf
    userdhf
    Feb 13, 2019
    5
    从网上下载的正版 cc2017,可以在图层-->复制 css 中获取 box-shadow。但是,如果设计使用了正片叠底等手法处理阴影,复制出来的 css 只能是原色,同理其他效果。
    以及渐变也能复制出来,但是有时候角度会不准。copy 完了在目测一下。

    切图仔敬上。
    ye_dj
    ye_dj
    Feb 20, 2019
    6
    @POPOEVER 这个厉害,多层的阴影也是必要的吧
    POPOEVER
    POPOEVER
    Feb 21, 2019
    7
    @ye_dj 我都是直接写,不管要几层,这难道不是基本功么?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4565 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 41ms · UTC 05:44 · PVG 13:44 · LAX 21:44 · JFK 00:44
    ♥ Do have faith in what you're doing.