10个好用的CSS工具

1.Neumorphism

这个网站为可以为我们的section或是div生成对应UI,它还可以自定义border-radius, box-shadow等。

2.Shadows Brumm

它可以为我们生成多个分层阴影,带来非常酷的效果,也可以通过曲线来自定义颜色。

3.CssClip-Pathmaker

它可以生成各种不同形状的漂亮的剪辑路径,可以非常方便地生成各种形状和属性。

4.FancyBorder Shape Generator

它通过操纵边界半径生成好看的形状,我们可以在项目的任何地方使用它,还可以更改形状的大小,来符合项目偏好。

5.Cubic Curve

它可以为我们生成了css动画中基本的cubic-bezier。正如我们知道的,我们为动画使用ease-in、easy-out等属性来确定浏览器动画的流程是,我们可以通过它来自定义这些属性。

6.CSSGradient

如果你经常使用渐变,那么你一定会喜欢它。它太完美了。在这里,你也可以得到一些工具,比如梯度按钮还有更多。

7.CSS Waves Generator

这三个波浪发生器,很棒,可以产生任何类型的波。

CSS Waves它通过一些定制生成简单的波形。

GradientMultiple Waves它可以产生多个梯度波。

MultipleAnimated Waves它可以产生多个梯度波,但主要的特点是,它也可以生成实时动画。

8.CSS Grid Generator

CSS Grid它可以生成了css For Grid,我们可以通过div来定制它,它还将为此创建子元素。

9.LoadingAnimated GIFs/SVGs

在这里,您可以生成多个加载动画,并将其作为SVG、GIF、PNG和其他格式下载,但它的最佳特性是您可以将这些动画定制到下一个级别。

10.FreeIcon Library

Flaticons:这个库有570万个矢量图标。我们可以在这里找到任何可能的图标。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好用CSS,960 Grid System Version 1.5 2010-05-11 Created by Nathan Smith. See the official site for more info: http://960.gs/ ============================================================================ Thank you for downloading the 960 Grid System. I hope it helps to streamline web development workflow. Enclosed in the bundle are printable sketch sheets and template files for Adobe Fireworks and Photoshop, OmniGraffle and Visio. Also included is a lightweight CSS file, which contains the grid dimensions. To use this file, simply include the 960.css in the <head> of the HTML page. You may also use the reset.css and text.css files, or opt to leave them out. Here is an example of the XHTML code necessary to incorporate the CSS files: <head> <link rel="stylesheet" type="text/css" media="all" href="css/reset.css" /> <link rel="stylesheet" type="text/css" media="all" href="css/text.css" /> <link rel="stylesheet" type="text/css" media="all" href="css/960.css" /> </head> It is worth noting that these styles do not automatically make up a finished site design. They are simply a starting point, ideally for rapid prototyping or as a basis for creating your own designs. You should not feel constrained by the way I have built the initial code. If you disagree with how something has been done, feel free to revise it for the needs of your particular site. The files in the 960 Grid System are free of charge, licensed under GPL/MIT. ============================================================================ Note that if you are building a site in a language which reads from right to left, use the CSS files that begin with "rtl_" instead. Denote the language: <html lang="..." dir="rtl"> Be sure to replace "..." with the appropriate two-letter abbreviation of the language you are using. Example: lang="he" for Hebrew, lang="ar" for Arabic. ============================================================================ Special thanks to Eric Meyer for his comprehensive browser reset stylesheet. http://meyerweb.com/eric/tools/css/reset/

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值