This topic created in 2227 days ago, the information mentioned may be changed or developed.
官网： https://aquacss.netlify.com/
前言
当今，大部分前端都过度注重于 JS 框架的学习，而忽略了原生的 HTML 和 CSS 。写的组件大部分都是过度封装，维护起来非常吃力，并且可扩展性也差。但是，倘若学好了 HTML 和 CSS，很多组件也就可以摆脱 JS，从而让 UI 能充分地表现自己，而不是在一坨翔山上艰难地爬行。
aqua.css
aqua.css 是笔者开发的一个轻量级的纯 CSS 框架。她有 3 大特征：易用、易定制、有趣。
易用
诸如 React 、Vue 之类框架一概不需掌握，参照组件 demo 复制粘贴就能跑出效果来。
易定制
阅读本项目源码你会发现许多 CSS 变量，它们往往决定了组件的色彩，如果你想“换肤”，只需用不同的颜色变量覆盖即可
有趣
本项目用到了很多有趣且实用的 CSS 技巧，非常适合学习
 |
1
xiaoz Mar 27, 2020
已收藏，支持开源。
|
 |
2
iwuzhuo Mar 27, 2020
支持。 建议：希望能做到和 bootstrap 之类的框架兼容，这类 css 框架非常是用来弥补 bootstrap 框架的不足
|
 |
3
guolaopi Mar 27, 2020
已收藏 + star，谢谢分享
|
|
4
guolaopi Mar 27, 2020
另外，官网显示的 Gauge 仪表盘组件在 FireFox 显示不正常，FireFox 版本 74.0
|
 |
5
B1ankCat Mar 27, 2020
我和设计师差了一双能识别出颜色的眼睛
|
 |
7
hzlzh PRO 看起来很不错啊。
Loading 加载 的 dom 有些多，是否可以尝试一下用伪元素来精简呢？ |
 |
8
YunYouJun Mar 27, 2020
兹辞，素晴爱了。
|
|
9
guolaopi Mar 27, 2020
dialog 在 FireFox 也不正常，报错了：TypeError: document.querySelector(...).showModal is not a function
|
 |
10
suruis Mar 27, 2020
已收藏，学习学习。
|
 |
11
Justin13 Mar 27, 2020 via Android
支持，特别佩服精通 CSS 的大神，我愿称之为“绝活”
|
 |
12
aydd2004 Mar 27, 2020 via iPhone
已收藏 周末用一下看看
|
 |
13
seekfire Mar 27, 2020
不错，支持一下
|
 |
14
dyxang Mar 28, 2020 via Android
喔，不正经 css （ bushi ），请问那个阿库娅的图哪来的？😏
|
 |
15
tyrik Mar 28, 2020 via iPhone
厄里斯的胸部是垫出来的！
|
 |
16
alphardex OP |
 |
17
Austin2035 Mar 28, 2020
厉害，大佬厉害。
|
 |
18
greatghoul Mar 28, 2020
为美好的世界献上祝福!
|
 |
19
40EaE5uJO3Xt1VVa Mar 28, 2020
大佬大佬爱了爱了，就等这种。期待更多样式
|
 |
20
haozi3156666 Mar 28, 2020
优秀啊
|
 |
21
senher Mar 30, 2020
很实用，赞
|
 |
22
component Mar 31, 2020
收藏学习一下
|
 |
23
commoccoom May 12, 2020
codepen.io 已拒绝连接，是我本地网络的问题吗？
|
|
24
alphardex OP @commoccoom codepen 在国内访问速度偏慢，如果要看 demo 的话可以直接 clone 本项目，里面有个 demo 文件夹
|
|
25
commoccoom May 12, 2020
@alphardex 好的，谢谢！
|
Select Language