o(╥﹏╥)o伤心

微信无法下载CSS3Ps图层转CSS3代码工具,不过只要点击右上角选择在浏览器或Safari中打开就可以啦!
CSS3Ps图层转CSS3代码工具

CSS3Ps图层转CSS3代码工具

  • 大小:0.13M
  • 语言:简体中文
  • 类别: 图像处理
  • 系统:winall

为您推荐: CSS工具

CSS3Ps图层转CSS3代码工具是一款由专业团队开发安装在PhotoShop上的可以将图层转为CSS3代码的小插件,该软件体积小功能强大使用便捷,能在日常生活、办公中起到强大的作用,马上下载使用吧。

CSS3Ps图层转CSS3代码工具

安装说明

  1、对该文件进行重命名,将后缀改成zxp,图标将会变成

CSS3Ps图层转CSS3代码工具

  2、打开Adobe Extension Manager来安装

CSS3Ps图层转CSS3代码工具

CSS3Ps图层转CSS3代码工具

  3、找到文件下载的目录选择

CSS3Ps图层转CSS3代码工具

  4、下一步选择css3ps.zxp

CSS3Ps图层转CSS3代码工具

  5、点击接受并开始下一步安装

CSS3Ps图层转CSS3代码工具

  6、安装后可以在软件工具栏查看插件具体信息

CSS3Ps图层转CSS3代码工具

CSS3Ps图层转CSS3代码工具

CSS3Ps图层转CSS3代码工具

CSS3Ps图层转CSS3代码工具

使用方法

  我特定自己尝试了一下:

  我目前使用的是CS6, 因此,下载的是下面这个文件(PS3/PS4使用参见官方示意),双击之:

CSS3Ps图层转CSS3代码工具

  然后就会出现下面这个:

CSS3Ps图层转CSS3代码工具

  然后下面这个:

CSS3Ps图层转CSS3代码工具

  然后就会下面这样:

CSS3Ps图层转CSS3代码工具

  接受之,然后就会:

CSS3Ps图层转CSS3代码工具

  如上,安装完毕。此时,重启或打开photoshop,点击window(窗口) -> Extension(扩展) -> CSS3Ps 就会出现一个方块区域,见下图右侧:

CSS3Ps图层转CSS3代码工具

  下面变身设计师,画个圆角矩形,搞个渐变投影什么的,选中该图层,然后点击上面那个有CSS3Ps字样的方框区域:

CSS3Ps图层转CSS3代码工具

  默认的浏览器就会打开,稍等一段时间后,就会出现下面这个:

CSS3Ps图层转CSS3代码工具

  至此,个人亲测完毕。

常见问题

  如果安装失败,可以尝试以下方法:

  把压缩包里面的文件放到Css安装目录下 Plug-insPanels 文件夹中即可

CSS3Ps图层转CSS3代码工具

  X:AdobeAdobe Photoshop CC (64 Bit)Plug-insPanels

使用技巧

  可以将Photoshop图层特效等效果直接转为CSS3代码,无需为了再浏览网页查询css3代码的写法,无需手动查看ps图层特殊的数据来编写css3代码,大大提升编写代码的效率

  混合选项菜单

CSS3Ps图层转CSS3代码工具

  有了CSS3Ps,上面的特效可以直接导出CSS3代码~

  圆角边框:-webkit-border-radius: 5px;

  模块阴影:-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.45);

  模块内阴影:-webkit-box-shadow: inset 0 20px rgba(255,255,255,.55);

  文本阴影:text-shadow: 3px 4px 5px rgba(4,0,0,.75);

  文本内阴影:text-shadow: inset 3px 4px 5px rgba(0,0,0,.75);

  模块内发光:-webkit-box-shadow:inset 0 0 17px rgba(255,255,190,.41);

  文本内发光:text-shadow: inset 0 0 5px rgba(249,247,189,.75);

  线性渐变:-webkit-linear-gradient(bottom, rgba(222,0,120,.74), rgba(255,150,0,.74));

  这些效果,只要一键即可转化为css3代码,操作起来十分简单

CSS3Ps图层转CSS3代码工具

注意事项

  能够识别成CSS3的图层是有限制的。例如,渐变CSS3似乎只能使用图层样式的渐变才能识别,投影、描边等都尽量使用fx图层样式

CSS3Ps图层转CSS3代码工具

  圆角需要使用圆角矩形工具,而且似乎要保留路径。这是参数获取所必须的。

版本: v1.0.1官方免费版 | 更新时间: 2017-09-20

同类推荐

最新更新

CSS3Ps图层转CSS3代码工具评论

  • 1楼 华军网友 2022-03-03 15:10:43
    CSS3Ps图层转CSS3代码工具很好用,谢谢啦!!
  • 2楼 华军网友 2021-01-11 20:50:25
    CSS3Ps图层转CSS3代码工具界面设计很容易上手,功能很丰富,本人极力推荐!
  • 3楼 华军网友 2018-06-05 20:40:57
    CSS3Ps图层转CSS3代码工具软件非常好用,下载速度很快,很方便!

精品推荐

大家还喜欢这些:

+

该应用未通过实名认证,您可通过手机助手下载。

取消好的