Web 开发中的十个免费 CSS 代码

作者: Admin 分类: 网站程序 发布时间: 2015-10-28 07:34 ė 6 没有评论

  本文我们给大家推荐在 Web 开发中一些免费但是非常有用的代码,开发人员可以下载它们来简化工作流程。在这个集合中的所有代码都是经过精挑细选的,对于开发人员来说非常有用。在开发一个网站时,这些代码将节省大量的开发时间。的确,很多 Web 开发人员也是这样做的。今天推荐的免费代码共有 10 个,这些代码可以帮你创建各种东西,如加载程序、SVG 图形、悬停效果、动画文本填充、文字特效等。

  1、Loaders.css
  在 CSS 中这是一个用于编写加载动画的集合;其中每个动画被限制为CSS属性的一小部分,以避免昂贵的绘制和布局计算。

  2、Textures.js
  Textures.js 是一个用于创建 SVG 图形的 Javascript 库。在 d3.js 的基础上,它主要用于设计数据可视化。

  3、Animated text fills with CSS and SVG
  使用这个免费代码的虚线描边模式来创建 SVG 文本,对于 Web 开发员来说,这是非常有用的。

  4、12 free SVG loaders
  5、Responsive Tabbed Navigation
  这使得你能很容易地添加 CSS 标签导航元素到你的网站设计中。

  6、jeet
  为 Sass 或 Stylus 提供最先进、直观的网格系统。

  7、Hover Effect Ideas
  一个非常有用的微妙悬停效果集合。

  8、Simple Stack Effects
  一个简单的堆叠效果集合。其主要思路就是开始显示一个项目,然后触发一些触发器,使更多的项目作为修饰。

  9、Subtle Click Feedback Effects
  一个在移动应用程序中点击或交互触摸屏幕可视化的微妙效果集合,这些效果大多使用 CSS 动画的伪元素完成的。

  10、Drag and Drop Interaction Ideas
  在一个用户界面中拖放的一些效果。

  原文来自 smashingapps.com,译文来自慧都

本文出自微歌,转载时请注明出处及相应链接。

本文永久链接: http://wego2.com/Web-kai-fa-zhong-de-shi-ge-mian-fei-CSS-dai-ma.html

0

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Ɣ回顶部