Home媒体工具CSS3PS – Photoshop 特效转换为 CSS3 代码 CSS3PS – Photoshop 特效转换为 CSS3 代码 媒体工具 2012/09/10 Thruth 19 HTML5 标准的鸡血式进步让人兴奋，尽管在排版绘图方面各个浏览器引擎的实现都不算特别专业，但阴影渐变边框圆角，常用的都有了。于是码农对美工的逆袭开始鸟，直接用 CSS 作图，而不是苦逼地用 PS 处理一张又一张的图片。对于倾向于用代码实现一切的，CSS3PS 这款 Photoshop 免费云插件特别有用，直接选定有特效的图层，点击插件即可得到 CSS 特效复现代码。尝试了几次，对于基础特效支持还不错，但有的复杂特效层叠会有点问题。@appinn 相关链接: 官网 | | 来自小众软件 分享 相关 价值 59.95 美元，集在线视频下载、视频编辑与格式转换于一体的工具 VideoProc 限免 2020/10/22 8 喜马拉雅听书 PC 客户端 2014/08/25 18 Loxclip 液切 – 图片复制粘贴增强工具[Win] 2014/08/18 30 Voila – 专业截图，美化方便[Mac] 2011/01/15 10 CSS, photoshop, web, 图片处理, 跨平台 19 条留言 阿博 回复 弱弱的问一下小众的大大… 我投稿的 Mac 软件收到了吗…… 澈言 回复 @阿博, 你想对小众做什么。 阿博 回复 @澈言, 怎么澈撤也出现在这… 东东 回复 看起来很不错美工的福音么！ skystar 回复 这货的电脑很快啊！ aman 回复 安装方法太坑爹了。。。 位毛 回复 全自动都坑爹。。。。难道还要装盗版一样往文件夹里塞么。。。。@aman, 望月 回复 不错。 深蓝 回复 这个强大。 rsj217 回复 看了下视频，好像生成的代码。存在兼容性问题吧。。渐变那个属性，就自由 -webkit-的标明。。。 n55!w! 回复 @rsj217, 你看清楚，每个浏览器私有属性都会又一行，最后一行是css3 标准无前缀的，也就是说，所有支持css3的浏览器都ok。 EIIE 回复 @n55!w!, 现在的浏览器都说支持，但解读的 效果都不一样…… Tommy 回复 这个倒是事实。。。 zty9 回复 基本上用形状工具做的图才能识别，而且对直角图形识别困难，直角图形都被识别成圆角的了。。。歪过来的正方形居然被识别成圆角的正方形了。。。 zty9 回复 @zty9, 其实我对视频里的玻璃效果样式更感兴趣。 路过 回复 @zty9, 同感兴趣 wmtimes 回复 有这么牛？可以直接转换成代码了？ eileen 回复 视频中下载完了CSS3PS之后怎么一点打开就能直接进入安装的状态的？求指导！因为我打开了Adobe Extension Manager，点 下载好了的CSS3PS，是再次下载CSS3PS！！好坑爹啊~~~ OLY-J 回复 安装成功后开始做，选中图层后点击CSSps3后不是会在浏览器中打开显示代码吗？怎么什么动静都没有啊？浏览器也没显示什么？ 写留言 取消回复 如果有人回复我的评论，请通过电子邮件通知我。 在此浏览器中保存我的显示名称、邮箱地址和网站地址，以便下次评论时使用。
![Loxclip 液切 - 图片复制粘贴增强工具[Win] 4](https://www.appinn.com/wp-content/uploads/2019/12/loxclip_web.pngo_-115x115.png "Loxclip 液切 - 图片复制粘贴增强工具[Win] 4")
![Voila - 专业截图，美化方便[Mac] 5](https://www.appinn.com/wp-content/uploads/Voila-20110115-031702-115x115.jpg "Voila - 专业截图，美化方便[Mac] 5")
弱弱的问一下小众的大大… 我投稿的 Mac 软件收到了吗……
@阿博, 你想对小众做什么。
@澈言, 怎么澈撤也出现在这…
看起来很不错美工的福音么！
这货的电脑很快啊！
安装方法太坑爹了。。。
全自动都坑爹。。。。难道还要装盗版一样往文件夹里塞么。。。。@aman,
不错。
这个强大。
看了下视频，好像生成的代码。存在兼容性问题吧。。渐变那个属性，就自由 -webkit-的标明。。。
@rsj217, 你看清楚，每个浏览器私有属性都会又一行，最后一行是css3 标准无前缀的，也就是说，所有支持css3的浏览器都ok。
@n55!w!, 现在的浏览器都说支持，但解读的 效果都不一样……
这个倒是事实。。。
基本上用形状工具做的图才能识别，而且对直角图形识别困难，直角图形都被识别成圆角的了。。。歪过来的正方形居然被识别成圆角的正方形了。。。
@zty9, 其实我对视频里的玻璃效果样式更感兴趣。
@zty9, 同感兴趣
有这么牛？可以直接转换成代码了？
视频中下载完了CSS3PS之后怎么一点打开就能直接进入安装的状态的？求指导！因为我打开了Adobe Extension Manager，点 下载好了的CSS3PS，是再次下载CSS3PS！！好坑爹啊~~~
安装成功后开始做，选中图层后点击CSSps3后不是会在浏览器中打开显示代码吗？怎么什么动静都没有啊？浏览器也没显示什么？