8个简化CSS3开发的最佳工具
fmms 13年前
<p>1）<a href="/misc/goto?guid=4958330005765835788" target="_blank">CSS3 Generator</a></p> <p>这是一个非常有用的CSS3代码生成器，能为许多最受欢迎的css3属性生成代码，如：text-shadow, border-radius, Box Resize等</p> <p style="text-align:center;"><img class="aligncenter size-full wp-image-632" alt="8个简化CSS3开发的最佳工具" src="https://simg.open-open.com/show/38f68a1c109df53de86b581fdf291678.png" width="550" height="320" /></p> <p>2）<a href="/misc/goto?guid=4958318701332706233" target="_blank">CSS3 Pie</a></p> <p>CSS3带来了一些非凡的样式特性：圆角、阴影、梯度填充等等，这些都是设计者们乐于使用的，但是实现起来困难而耗时。</p> <p style="text-align:center;"><img class="aligncenter size-full wp-image-634" alt="8个简化CSS3开发的最佳工具" src="https://simg.open-open.com/show/c57dbdbd7598b623e48fb5b91b9fa5ab.png" width="550" height="245" /></p> <p style="text-align:left;">3）<a href="/misc/goto?guid=4958330007315569412" target="_blank">Layer Styles</a></p> <p style="text-align:left;">它使用起来就像浏览器中你最爱的图片编辑器一般，而它能够帮助你生成CSS。</p> <p style="text-align:center;"><img class="aligncenter size-full wp-image-635" alt="8个简化CSS3开发的最佳工具" src="https://simg.open-open.com/show/67fbfe7580ae778373bb2b6c219a768c.png" width="550" height="362" /></p> <p style="text-align:left;">4)<a href="/misc/goto?guid=4958330008109101861" target="_blank">Cascader</a></p> <p style="text-align:left;">Cascader是一个能够将你的Html中内嵌的CSS代码独立分离的工具。</p> <p style="text-align:center;"><img class="aligncenter size-full wp-image-636" alt="8个简化CSS3开发的最佳工具" src="https://simg.open-open.com/show/d494df8889e25431b0a101e0fee9185b.png" width="550" height="355" /></p> <p style="text-align:left;">5）<a href="/misc/goto?guid=4958330008913211396" target="_blank">CSS3 Gradients Generator</a></p> <p style="text-align:left;">它能够帮助你选取颜色，在你选择好颜色后，它将生成对应的样式代码</p> <p style="text-align:center;"><img class="aligncenter size-full wp-image-637" alt="8个简化CSS3开发的最佳工具" src="https://simg.open-open.com/show/9bd9657b8535cec080d07010a04c5bff.png" width="550" height="376" /></p> <p style="text-align:left;">6）<a href="/misc/goto?guid=4958330009712823349" target="_blank">CSS3 Cheat Sheet</a></p> <p style="text-align:left;">备忘单在开发过程中扮演了重要的角色，次备忘单囊括了所有CSS3的功能和样式</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958330010511120931"><img class="aligncenter size-full wp-image-638" alt="8个简化CSS3开发的最佳工具" src="https://simg.open-open.com/show/04824e8b5b8e087c3e20cea517cdef62.gif" width="550" height="386" /></a></p> <p style="text-align:left;">7）<a href="/misc/goto?guid=4958330011307426927" target="_blank">CSS3 Please</a></p> <p style="text-align:left;">你可以编辑css文件中需要设定下划线的值，但不用担心匹配页面上对应的值，这些CSS3 Please会为你做好</p> <p style="text-align:center;"><img class="aligncenter size-full wp-image-639" alt="8个简化CSS3开发的最佳工具" src="https://simg.open-open.com/show/d44f8438f112dfbb7653f7b12786fb6f.png" width="475" height="282" /></p> <p style="text-align:left;">8）<a href="/misc/goto?guid=4958325084199587999" target="_blank">CSS3 Button Maker</a></p> <p style="text-align:left;">利用CSS3中的圆角、阴影能够创造出卓越的按钮效果，在旧版浏览器中，则已另一种无阴影，直角样式显示。</p> <p style="text-align:center;"><img class="aligncenter size-full wp-image-640" alt="8个简化CSS3开发的最佳工具" src="https://simg.open-open.com/show/31c262d1cb7b58aac2946b1d7232c56b.png" width="550" height="340" /></p> <p>via <a href="/misc/goto?guid=4958330012842740384" target="_blank">webinsightlab</a></p>