欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 生成的代码全部可以copy复制,方便快捷的找到你需要的代码

  • 渐变篇

前端系列:web前端网页设计师之CSS工具篇

可以在线调透明度,颜色,位置,色调,渐变方向等

  • 圆角篇

前端系列:web前端网页设计师之CSS工具篇

边框样式调整,包括颜色,背景颜色,单独边角设置等操作

  • 纹理篇

前端系列:web前端网页设计师之CSS工具篇

纹理的透明度,密度,背景颜色,宽度,高等操作

  • 阴影篇

前端系列:web前端网页设计师之CSS工具篇

可以调整阴影颜色,透明度,扩散等操作

最后总结一下,虽然是英文的网站,但是操作什么的应该不是问题,点击一下移动一下就知道是什么个情况了,每篇的图上都有copy text的按钮,点击它就会复制你需要的代码,然后放到你需要的位置上就可以开始调试你的代码了,总的来说,这个网站还是方便了很多操作,可以实时的预览看到自己需要什么样的效果。

前端系列:web前端网页设计师之CSS工具篇

上面依次是:渐变,圆角,纹理,阴影

网址是:

  • 渐变篇:http://www.cssmatic.com/gradient-generator

  • 圆角篇:http://www.cssmatic.com/border-radius

  • 纹理篇:http://www.cssmatic.com/noise-texture

  • 阴影篇:http://www.cssmatic.com/box-shadow

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-tool/t50812.shtml