记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航

[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的官方指导手册。
  
实用的 CSS3 参考手册和代码生成工具 参考手册,生成器,技术,经营 【HTML】 230837tm4vl1zn7vbaodzu 1

  4. HTML5 & CSS3 Support
  主流浏览器对HTML5和CSS3支持情况一览表。
  
实用的 CSS3 参考手册和代码生成工具 参考手册,生成器,技术,经营 【HTML】 230837nwjjxjqew64icdxj 2

  5. CSS3 - Information and Samples
  针对CSS3的各种信息和示例。
  
实用的 CSS3 参考手册和代码生成工具 参考手册,生成器,技术,经营 【HTML】 230837fhttvz6xzee77tpw 3

  6. Sencha CSS3 Cheat Sheet
  
实用的 CSS3 参考手册和代码生成工具 参考手册,生成器,技术,经营 【HTML】 230837xjzgn92qd2nb7dja 4

  7. Smashing Magazine CSS3 Cheat Sheet
  
实用的 CSS3 参考手册和代码生成工具 参考手册,生成器,技术,经营 【HTML】 230837w9ymlmmmwew7jymu 5

  二、CSS代码生成工具
  1. Gradient Editor
  一个强大的CSS渐变代码可视化编辑器,类似于Photoshop的渐变设置界面。
  
实用的 CSS3 参考手册和代码生成工具 参考手册,生成器,技术,经营 【HTML】 230837t013pczf5l3plk00 6

  2. Gradient
  CSS3渐变代码生成器。
  
实用的 CSS3 参考手册和代码生成工具 参考手册,生成器,技术,经营 【HTML】 230837v8o7q3odxinnzo7q 7

  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
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
微信扫一扫,每天教程更新!
想学习最新知识关注“今日教程”微信公众号!站长每天更新教程,每天八条,欢迎关注支持!!!
快速回复 返回顶部 返回列表