CSS3PS – Photoshop 特效转换为 CSS3 代码

媒体工具 2012/09/10
, , , ,

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

CSS3PS - Photoshop 特效转换为 CSS3 代码 1

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

Related

About The Author

thruth Email Author

Entrepreneur, Marketing, Product Design, a humble Taoist soul behind @speedtao .Tweets in English/Mandrin.被苍井空老师吻过的数码控、突发性聋的摇滚乐粉，偶文艺不清新，小众软件/谷奥/可能吧/煎蛋撰稿。

19 Comments

  1. 阿博 2012/09/10 Reply

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

    • 澈言 2012/09/10 Reply

      @阿博, 你想对小众做什么。

      • 阿博 2012/09/10 Reply

        @澈言, 怎么澈撤也出现在这…

  2. 东东 2012/09/10 Reply

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

  3. skystar 2012/09/10 Reply

    这货的电脑很快啊！

  4. aman 2012/09/10 Reply

    安装方法太坑爹了。。。

    • 位毛 2012/09/12 Reply

      全自动都坑爹。。。。难道还要装盗版一样往文件夹里塞么。。。。@aman,

  5. 望月 2012/09/10 Reply

    不错。

  6. 深蓝 2012/09/10 Reply

    这个强大。

  7. rsj217 2012/09/11 Reply

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

    • n55!w! 2012/09/11 Reply

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

      • EIIE 2012/09/13 Reply

        @n55!w!, 现在的浏览器都说支持，但解读的 效果都不一样……

        • Tommy 2013/07/10 Reply

          这个倒是事实。。。

  8. zty9 2012/09/11 Reply

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

    • zty9 2012/09/11 Reply

      @zty9, 其实我对视频里的玻璃效果样式更感兴趣。

      • 路过 2012/09/15 Reply

        @zty9, 同感兴趣

  9. wmtimes 2012/09/12 Reply

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

  10. eileen 2012/09/12 Reply

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

  11. OLY-J 2015/05/29 Reply

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

Leave a Reply