stylesheet.guru
一个 CSS 可视化工具,允许用户查看 CSS 属性如何使用动画应用于 DOM 元素。 通过这种方式,用户可以对 CSS 属性及其值获得不同的视角和理解。
这个怎么运作?
当用户单击“播放”按钮时,会触发一个动画时间轴,按顺序将 CSS 属性应用于指定的 DOM 元素。
用户可以控制动画队列,并可以选择“暂停”、“下一步”或“返回”时间轴中的一步。 此外,用户可以单击单个属性以将动画恢复到特定状态。
用户可以做什么?
播放- 启动动画时间线
暂停- 暂停动画时间线
下一步- 在时间线中向前移动一步
后退- 在时间轴中向后移动一步
单击到属性- 将时间线更改回被单击的属性点(进行中)
选项卡- 更改视图以允许用户查看与动画相关的 CSS 或 HTML(进行中)
搜索演示- 根据关键字搜索可用演示的数据库
使用什么技术?
前端 -
动画库 - j
1