设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 IT综合资讯 查看内容

为开发者准备的5个新鲜方便的CSS工具

2013-9-13 10:37| 发布者: joejoe0332| 查看: 1343| 评论: 0|原作者: 徐继开, 几点人, 凌培勇, TOTOTO_TOTO, -V-|来自: oschina

摘要:   根据维客的介绍,级联样式表(CSS)是用于描述以标记语言书写的文档外观显示(外观和格式)的样式表语言。最常见的应用是样式化HTML或者XHTML格式的web页面,不过这种语言也可以在任何一种XML文档中使用,包括纯 ...

  根据维客的介绍,级联样式表(CSS)是用于描述以标记语言书写的文档外观显示(外观和格式)的样式表语言。最常见的应用是样式化HTML或者XHTML格式的web页面,不过这种语言也可以在任何一种XML文档中使用,包括纯XML文档,SVG和XUL文档。


  互联网上有大量的CSS工具可用,不过寻找一个有用的CSS工具是一项费时费力的任务。为了节省你宝贵的时间,我们为开发者收集了5个最新的、易用的CSS工具,这样可以简化开发者的开发任务、省去很多麻烦。 


  1. Animo.js


  Animo.js是一个强大的用来管理CSS动画的小工具。它带有很多特性,如Stack animations, 创建跨浏览器模糊滤镜,在动画完成时设置回调。Animo 包括了迷人的 animate.css 库文件,它是由Dan Eden编写的。它提供了将近60种漂亮的动画。 他同时给库文件添加了一些助理动画。
 
源码


  2. 方便的 CSS3 动画 Cheat Sheet


CSS3 Animation Cheat Sheet


  CSS3 Animation Cheat Sheet 是一款已预设并可直接使用的网站动画特效库。你只要把CSS导入现有项目中并直接调用内嵌的CSS类来修饰你的页面元素。


  CSS3 Animation Cheat Sheet是基于CSS3 @keyframes 规则的并且支持所有最新的浏览器(如果算IE这个非标浏览器的在内的话我说的是IE10)。 通过CSS3 @keyframes规则你不需要担心元素每一帧的位置,CSS3会自动完成。

来源


  3. 创建CSS3


Create-CSS3


  创建CSS3罗列出每个元素的属性,并且允许我们对每个元素重新定义,以及即刻显示预览效果。你可以给同一个元素添加许多属性规则,同时还可以修改生成的CSS代码。

创建CSS源代码在这儿


酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部