Skip to content

Latest commit

 

History

History
305 lines (193 loc) · 8.89 KB

README-zh_CN.md

File metadata and controls

305 lines (193 loc) · 8.89 KB

简体中文 | English

你不需要 JavaScript

加入 Spectrum 社区

请注意,这些演示应该被认为是CSS的“概念证明”。从可访问性的角度来看,它们可能存在严重的问题(键盘导航、语音合成等),或者渐进增强/降级/等等。

风格指南:

## Subject

[<img src="images/image1.png" height="230" title="Demo 1">](http://url-to-page)
[<img src="images/image2.png" height="230" title="Demo 2">](http://url-to-page)
[<img src="images/image3.png" height="230" title="Demo 3">](http://url-to-page)

***
&nbsp;

 

Quick links

  1. 手风琴 / 切换
  2. 轮播
  3. 复选框勾选计数
  4. 点击打开
  5. 深色模式/改變明暗
  6. 文本框上的浮动标签
  7. 字体(拉丁)
  8. 悬停/弹出窗口信息
  9. 图片库
  10. 加载中
  11. 菜单
  12. 菜单显示隐藏
  13. 汉堡式菜单
  14. 花哨的菜单
  15. 模态框/弹出
  16. 鼠标跟随
  17. 视差滚动
  18. 选项卡
  19. 待办事项
  20. 工具提示
  21. 树状视图
  22. Twitter上的心动画
  23. 动态图像着色
  24. 涟漪效应
  25. 响应计数器 # 显示不适合屏幕的物品
  26. Neumorphism风格的卡片设计

手风琴 / 切换

⬆ 回到顶部


 

轮播

⬆ 回到顶部


 

复选框勾选计数

⬆ 回到顶部


 

点击打开

⬆ 回到顶部


 

DarkMode深色模式/改變明暗

⬆ 回到顶部


 

文本框上的浮动标签

⬆ 回到顶部


 

字体(拉丁)

⬆ 回到顶部


 

悬停/弹出窗口信息

⬆ 回到顶部


 

图片库

⬆ 回到顶部


 

Loaders

⬆ 回到顶部


 

菜单

⬆ 回到顶部


 

菜单显示隐藏

⬆ 回到顶部


 

汉堡式菜单

⬆ 回到顶部


 

花哨的菜单

⬆ 回到顶部


 

模态框/弹出

⬆ 回到顶部


 

鼠标跟随

⬆ 回到顶部


 

视差滚动

⬆ 回到顶部


 

选项卡

⬆ 回到顶部


 

待办事项

⬆ 回到顶部


 

工具提示

树状视图

⬆ 回到顶部


 

Twitter上的心动画

⬆ 回到顶部


 

动态图像着色

⬆ 回到顶部


 

涟漪效应

⬆ 回到顶部


 

响应计数器 # 显示不适合屏幕的物品

⬆ 回到顶部


 

Neumorphism风格的卡片设计

⬆ 回到顶部


 

贡献

欢迎你为这个项目做出贡献。现在给我们发送一个PR(合并请求)吧!