V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
mezw
V2EX  ›  分享创造

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

  •  2
     
  •   mezw · 2019-02-12 23:20:24 +08:00 · 2929 次点击
    这是一个创建于 2145 天前的主题,其中的信息可能已经有所发展或是发生改变。
    rt, 因为目前接到来自设计师的都是 psd 文件,自己也安装过 sketch 想尝试,不过始终不太习惯。
    并且新版的 Photoshop 貌似是有更强大的类似功能或插件的。

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

    切图仔敬上。
    ye_dj
        6
    ye_dj  
       2019-02-20 17:20:18 +08:00
    @POPOEVER 这个厉害,多层的阴影也是必要的吧
    POPOEVER
        7
    POPOEVER  
       2019-02-21 04:47:17 +08:00
    @ye_dj 我都是直接写,不管要几层,这难道不是基本功么?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2850 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 09:09 · PVG 17:09 · LAX 01:09 · JFK 04:09
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.