韶关设计网站:设计CSS与奥多比风格Web应用程序编辑器

2019.09.11 韶关设计网站

77

Adobe软件是世界著名的设计师所有年龄段的,但没人比得上Photoshop。 PhotoShop编辑面板 整个过程有所有你需要构建定制的设计。

现在,韶关设计网站有一个免费的 web应用程序编辑器 ,被称为 LayerStyles 模拟了Photoshop图层编辑器,它就在你的浏览器。 它让你 动态生成CSS代码 如果你在Photoshop中工作。

推荐阅读: 20个免费Photoshop插件所有设计师必须和有用

韶关设计网站

如果你访问 页面构建器 你可以修改它来看看它是如何工作的。

窗外有 五个不同风格的面板 所有模拟Photoshop。 他们遵循相同的设置 立即更新 演示框在页面上。

这些电池板:供您挑选

  1. 阴影

  2. 内阴影

  3. 背景

  4. 边境

  5. 边界半径

他们都模仿Adobe GUI为设计师使这个工具如此有趣。 你也得到了 完整的CSS代码 ,生成的自由。

点击左下角盒标签 “CSS代码” 来 让你的片段 。 它有所有CSS3属性所做的一切你所选。


最重要的是,这个项目是完全 开源和免费 GitHub上 如果你想下载一个本地副本。 这不仅可以是有趣的 生成CSS ,但它也是一个学习的好方法 如何构建一个web应用程序 。

韶关设计网站该网站使用 很多 的 JavaScript库 ,连同 jQuery插件 。 它是由开发人员 Felix Niklas 这是一个小项目。

你可以找到 大量的代码生成器 但这是真正独一无二的。 也是最有趣的,也许是我见过的最酷的web应用程序今年迄今为止。

韶关设计网站

看看LayerStyles,看看你的想法。 你可以修补 现场版 在 演示页面 并找到 所有可用的源代码 免费GitHub上 。


最新案例

寒枫总监

来电咨询

400-6065-301

微信咨询

寒枫总监

TOP