机器翻译正文由机器翻译自项目原始文档（英文），排版经程序统一处理，可能存在偏差，请以原项目仓库为准。
简体中文 | English
你不需要 JavaScript
请注意，这些演示应该被认为是CSS的“概念证明”。从可访问性的角度来看，它们可能存在严重的问题(键盘导航、语音合成等)，或者渐进增强/降级/等等。
风格指南：
## Subject
***
快速链接
- 手风琴 / 切换
- 轮播
- 复选框勾选计数
- 点击打开
- 深色模式/改變明暗
- 文本框上的浮动标签
- 字体(拉丁)
- 悬停/弹出窗口信息
- 图片库
- 加载中
- 菜单
- 菜单显示隐藏
- 汉堡式菜单
- 花哨的菜单
- 模态框/弹出
- 鼠标跟随
- 视差滚动
- 选项卡
- 待办事项
- 工具提示
- 树状视图
- Twitter上的心动画
- 动态图像着色
- 涟漪效应
- 响应计数器 # 显示不适合屏幕的物品
- Neumorphism风格的卡片设计
- 尤達寶寶動畫
手风琴 / 切换
轮播
复选框勾选计数
点击打开
DarkMode深色模式/改變明暗
文本框上的浮动标签
字体(拉丁)
悬停/弹出窗口信息
图片库
Loaders
菜单
菜单显示隐藏
汉堡式菜单
花哨的菜单
模态框/弹出
鼠标跟随
视差滚动
选项卡
待办事项
工具提示
树状视图
Twitter上的心动画
动态图像着色
涟漪效应
响应计数器 # 显示不适合屏幕的物品
Neumorphism风格的卡片设计
尤達寶寶動畫 CSS
贡献
欢迎你为这个项目做出贡献。现在给我们发送一个PR(合并请求)吧!
本站来源与版权声明
- 本文标题：You-Dont-Need-JavaScript - CSS 很强大
- 本文链接：https://www.cn121.com/design/you-dont-need-you-dont-need-javascript.html
- 原项目：you-dont-need/You-Dont-Need-JavaScript 版权归原作者 you-dont-need 及贡献者所有
- 收录信息：本站于 2026-09-29 收录本项目，本页所列协议与仓库指标均为收录当时的状态；该日期之后原项目的版本更新与协议变更，本页不作同步。
- 开源协议：收录时本项目采用 GPL-3.0（查看 LICENSE 原文），本站译文为其衍生内容；使用、修改、分发请以该仓库 LICENSE 原文为准。基于本页内容形成的衍生作品, 须同样以该协议发布。
- 站点出处：本文首发于 OneTwoOne，收录自 GitHub 开源项目 you-dont-need/You-Dont-Need-JavaScript。
- 翻译说明：本页正文为人工智能生成内容——由机器翻译对原项目 README 初译、经程序校验排版，可能存在错漏，请以原项目文档为准。
- 引用声明：商业转载、第三方聚合或 AI 检索训练引用时，请务必保留以上来源出处、本文永久链接，以及原项目的版权声明与许可信息。
- 下架通道：若原项目此后变更或收紧了许可协议、或作者／权利人认为本站的收录方式（译文、排版适配、简介翻译等）超出其授权范围，请通过 xyd3302001@163.com 发送下架通知，并附上项目地址与本页链接。本站核实后将第一时间删除本页内容，或改为不复制原文的目录性收录；署名更正等其他要求可一并提出。