请选择 进入手机版 | 继续访问电脑版
记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 6366|回复: 0
收起左侧

[HTML5/CSS3] 实用的 CSS3 参考手册和代码生成工具[含7P]

[复制链接]
发表于 2017-6-1 23:08:23 | 显示全部楼层 |阅读模式
  
  CSS3技术现在越来越成熟,通过CSS3的一些新特性(如box-sizing、边界半径、文字阴影、渐变等)创建的效果已经令前端开发者兴奋不已。使 用CSS3进行前端设计是未来的发展趋势。因此,如果你是一名前端设计师,就需要掌握这些最新的技术,否则就有可能会被淘汰。
  一、参考手册
  1. Idiomatic CSS
  编写统一、符合习惯的CSS的原则,有中文版本。
  2. CSS3 Click Chart
  示例代码和CSS3特性支持情况表。
  3. CSS3 Selector
  CSS3 Selector的官方指导手册。
  


  4. HTML5 & CSS3 Support
  主流浏览器对HTML5和CSS3支持情况一览表。
  


  5. CSS3 - Information and Samples
  针对CSS3的各种信息和示例。
  


  6. Sencha CSS3 Cheat Sheet
  


  7. Smashing Magazine CSS3 Cheat Sheet
  


  二、CSS代码生成工具
  1. Gradient Editor
  一个强大的CSS渐变代码可视化编辑器,类似于Photoshop的渐变设置界面。
  


  2. Gradient
  CSS3渐变代码生成器。
  


  3. Border Radius
  边界半径(圆角)代码生成器,通过设置四个角的半径数字,即可自动生成代码,且能够直接预览到效果。

  4. CSS3 Generator
  通过可视化形式设置各种属性,包括文字阴影、轮廓、边界、渐变、过渡等,并能够自动生成代码。

  5. CSS3
  针对边界半径、box阴影、背景渐变和不透明度的CSS3代码生成器。

  6. LayerStyles
  如果你熟悉Adobe Photoshop,你会发现这个工具非常好用。

  7. CSSWarp
  自动生成路径文本的CSS代码。

  8. Font Squirrel
  生成woff、svg、eot和ttf格式的字体,并在CSS中使用。

  9. CSS3 Maker
  强大的CSS3代码生成器。

  10. CSS3 Tool
  各种CSS3代码生成工具集合。
 

  英文原文:Useful CSS3 References and Online Generator Tools



上一篇:HTML5 对各个标签的定义与规定:link
下一篇:[视频]纯CSS3腾讯QQ企鹅(附绘制过程)
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
快速回复 返回顶部 返回列表