近日，用到一些 CSS3 的属性制作其效果。

一直用这个网站在线生成css3的按钮（button），http://www.bestcssbuttongenerator.com/

又发现了一个PS的插件，如下：

Photoshop效果 转CSS3 小插件：

个人使用体验：1、生成的效果和PS效果非常接近，也许比自己写的逼真 2、代码较为简洁基本能直接使用       3、图层效果合并越少生成出的效果越好         4、精简版PS也能直接使用

使用方法：

前言

色彩是一个网站的情绪表达方式或者说是性格特征的体现，每种颜色都有着属于自己的声音。作为一种视觉元素，色彩是很难被量化被衡量的，也很难用理性的角度去分析和阐述它，我现在试着用另外一个角度去试图衡量网页的色彩，一种尝试。从最基础的色彩本质、色彩搭配形式、及色彩对用户的潜在影响和心理暗示等着手，去分析色彩，读懂色彩，让色彩帮设计师说话。

　今天在跟同事讨论一人专题时想用粉笔效果，但是没做过不知道怎么做  就在网上找  最后找到一个还不错的的教程分享给大家！这个教程主要使用Photoshop制作风化的文字效果，前期主要过程在通道里面进行，剩下的都在图层面板来完成。

我们在看QQ空间里的图片时，都会注意到，先看到模糊的一个轮廓，然后是清楚的图片。（前提：图片很大或者网速有点慢）这对于我们来说（起码是我），是比较容易接受的显示方式，总比显示不出来图片，或者，显示一条图片，要好的多。那么，这是怎么实现的呢？

原来JPEG文件有两种保存方式他们分别是Baseline JPEG（标准型）和Progressive JPEG（渐进式）。两种格式有相同尺寸以及图像数据，他们的扩展名也是相同的，唯一的区别是二者显示的方式不同。

Baseline JPEG

...

      随着html5，css3的愈加成熟，我们前端开发的势必要好好学习，恰当高效的应用到项目中，按钮是网页不可或缺的元素，那么怎么用css3表现出一个bulingbuling的效果，下面来推荐一款免费的Photoshop插件，它能够将Shapes图形转换为CSS3的代码。这对于那些不是很熟悉CSS3的人来说是相当方便的，只要你把图做出来了，花个几秒钟就能转换成CSS3代码了。此插件支持Photoshop CS3及以上的版本。

下边我们来看一下，转换过程：