×用微信扫描并分享

CSS3PS – Photoshop 特效转换为 CSS3 代码

19
1 Star2 Stars3 Stars4 Stars5 Stars(快来投票)
Loading...

HTML5 标准的鸡血式进步让人兴奋,尽管在排版绘图方面各个浏览器引擎的实现都不算特别专业,但阴影渐变边框圆角,常用的都有了。于是码农对美工的逆袭开始鸟,直接用 CSS 作图,而不是苦逼地用 PS 处理一张又一张的图片。对于倾向于用代码实现一切的,CSS3PS 这款 Photoshop 免费云插件特别有用,直接选定有特效的图层,点击插件即可得到 CSS 特效复现代码。尝试了几次,对于基础特效支持还不错,但有的复杂特效层叠会有点问题。@appinn

下载地址: 官网 | 下载 | 来自小众软件

×用微信扫描并分享

已有 19 条评论, 我要留言

  1. 阿博说道:

    弱弱的问一下小众的大大… 我投稿的 Mac 软件收到了吗……

  2. 东东说道:

    看起来很不错美工的福音么!

  3. skystar说道:

    这货的电脑很快啊!

  4. aman说道:

    安装方法太坑爹了。。。

  5. 望月说道:

    不错。

  6. 深蓝说道:

    这个强大。

  7. rsj217说道:

    看了下视频,好像生成的代码。存在兼容性问题吧。。渐变那个属性,就自由 -webkit-的标明。。。

    • n55!w!说道:

      @rsj217, 你看清楚,每个浏览器私有属性都会又一行,最后一行是css3 标准无前缀的,也就是说,所有支持css3的浏览器都ok。

  8. zty9说道:

    基本上用形状工具做的图才能识别,而且对直角图形识别困难,直角图形都被识别成圆角的了。。。歪过来的正方形居然被识别成圆角的正方形了。。。

  9. wmtimes说道:

    有这么牛?可以直接转换成代码了?

  10. eileen说道:

    视频中下载完了CSS3PS之后怎么一点打开就能直接进入安装的状态的?求指导!因为我打开了Adobe Extension Manager,点 下载好了的CSS3PS,是再次下载CSS3PS!!好坑爹啊~~~

  11. OLY-J说道:

    安装成功后开始做,选中图层后点击CSSps3后不是会在浏览器中打开显示代码吗?怎么什么动静都没有啊?浏览器也没显示什么?

有不同想法?说说看(首次评论会被人工审核,请耐心等待)