跳至主要內容

CSS 工具

Bing🐣大约 1 分钟

提示

导航数据完善中，欢迎 👏👏 通过 PR 或者下方评论的形式提供其他未收集的站点。 站点图标可以放到 websites open in new window 目录下

CSS 工具

Sass
Sass
Sass 是成熟、稳定、强大的 CSS 扩展语言。
Less
Less
Less（Leaner Style Sheets 的缩写）是一门向后兼容的 CSS 扩展语言。
Stylus
Stylus
富于表现力、动态的、健壮的 CSS。
CSS-Tricks
CSS-Tricks
一个关于运用CSS技术进行网络开发和设计的小技巧的交流网站。
CSS三角形生成器
CSS三角形生成器
定义几个参数很方便的生成纯css代码的各种三角形。
Customize Border
Customize Border
自定义 CSS Border 边框。
FANCY-BORDER-RADIUS
FANCY-BORDER-RADIUS
生成花里胡哨的Border圆角样式。
贝塞尔曲线
贝塞尔曲线
拖拽方式生成贝塞尔曲线参数。
缓动函数速查表
缓动函数速查表
缓动函数速查表。
Animista
Animista
一个可自定义的 CSS 动画库工具
CSS Load
CSS Load
纯 CSS 生成各种 Loading 加载动画。
Grabient
Grabient
CSS 代码渐变颜色生成工具。
Fresh Background Gradients
Fresh Background Gradients
CSS 个性渐变背景集合。
Fresh Background Gradients
Fresh Background Gradients
创建各样的 CSS 加载动画。
Codemyui
Codemyui
非常酷的网站，有一堆很酷的 CSS、HTML 和 Javascript 片段。
Smooth Shadow
Smooth Shadow
一款设置漂亮阴影的工具。
Color Hunt
Color Hunt
非常受欢迎的配色网站，提供了大量的精选颜色方案。
- icon: '@websites/sass.jpg'
  name: Sass
  desc: Sass 是成熟、稳定、强大的 CSS 扩展语言。
  link: https://sass.bootcss.com/documentation

- icon: '@websites/less.ico'
  name: Less
  desc: Less（Leaner Style Sheets 的缩写）是一门向后兼容的 CSS 扩展语言。
  link: https://less.bootcss.com/

- icon: '@websites/stylus.png'
  name: Stylus
  desc: 富于表现力、动态的、健壮的 CSS。
  link: https://stylus-lang.com/

- icon: '@websites/css-tricks.png'
  name: CSS-Tricks
  desc: 一个关于运用CSS技术进行网络开发和设计的小技巧的交流网站。
  link: https://css-tricks.com/

- icon: '@websites/css-triangle-generator.gif'
  name: CSS三角形生成器
  desc: 定义几个参数很方便的生成纯css代码的各种三角形。
  link: http://apps.eky.hk/css-triangle-generator/zh-hant

- icon: '@websites/dashed-border-generator.ico'
  name: Customize Border
  desc: 自定义 CSS Border 边框。
  link: https://kovart.github.io/dashed-border-generator/

- icon: '@websites/fancy-border-radius.png'
  name: FANCY-BORDER-RADIUS
  desc: 生成花里胡哨的Border圆角样式。
  link: https://9elements.github.io/fancy-border-radius/

- icon: '@websites/cubic-bezier.png'
  name: 贝塞尔曲线
  desc: 拖拽方式生成贝塞尔曲线参数。
  link: https://cubic-bezier.com/

- icon: '@websites/easings.png'
  name: 缓动函数速查表
  desc: 缓动函数速查表。
  link: https://easings.net/zh-cn

- icon: '@websites/animista.jpg'
  name: Animista
  desc: 一个可自定义的 CSS 动画库工具
  link: https://animista.net/

- icon: '@websites/cssload.ico'
  name: CSS Load
  desc: 纯 CSS 生成各种 Loading 加载动画。
  link: https://cssload.net/

- icon: '@websites/grabient.ico'
  name: Grabient
  desc: CSS 代码渐变颜色生成工具。
  link: https://www.grabient.com/

- icon: '@websites/webgradients.png'
  name: Fresh Background Gradients
  desc: CSS 个性渐变背景集合。
  link: https://webgradients.com/

- icon: '@websites/whirl.ico'
  name: Fresh Background Gradients
  desc: 创建各样的 CSS 加载动画。
  link: https://whirl.netlify.app/

- icon: '@websites/codemyui.webp'
  name: Codemyui
  desc: 非常酷的网站，有一堆很酷的 CSS、HTML 和 Javascript 片段。
  link: https://codemyui.com/

- icon: '@websites/shadows.brumm.af.svg'
  name: Smooth Shadow
  desc: 一款设置漂亮阴影的工具。
  link: https://shadows.brumm.af/

- icon: '@websites/colorhunt.svg'
  name: Color Hunt
  desc: 非常受欢迎的配色网站，提供了大量的精选颜色方案。
  link: https://colorhunt.co/