stylesheet-guru-源码

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

文件下载

资源详情

[{"title":"( 60 个子文件 335KB ) stylesheet-guru-源码","children":[{"title":"stylesheet-guru-master","children":[{"title":"server","children":[{"title":"index.js <span style='color:#111;'> 847B </span>","children":null,"spread":false},{"title":"constants","children":[{"title":"ServerConstants.js <span style='color:#111;'> 838B </span>","children":null,"spread":false}],"spread":true},{"title":"db","children":[{"title":"RethinkConnect.js <span style='color:#111;'> 539B </span>","children":null,"spread":false},{"title":"RethinkUtils.js <span style='color:#111;'> 865B </span>","children":null,"spread":false}],"spread":true},{"title":"api","children":[{"title":"ApiController.js <span style='color:#111;'> 1.15KB </span>","children":null,"spread":false},{"title":"ApiRouter.js <span style='color:#111;'> 269B </span>","children":null,"spread":false}],"spread":true},{"title":"page","children":[{"title":"PageRouter.js <span style='color:#111;'> 257B </span>","children":null,"spread":false},{"title":"PageController.js <span style='color:#111;'> 2.22KB </span>","children":null,"spread":false}],"spread":true},{"title":"views","children":[{"title":"layout.tmpl <span style='color:#111;'> 599B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"package.json <span style='color:#111;'> 1.24KB </span>","children":null,"spread":false},{"title":"gulpfile.js <span style='color:#111;'> 292B </span>","children":null,"spread":false},{"title":"screenshots","children":[{"title":"screenshot1.png <span style='color:#111;'> 156.27KB </span>","children":null,"spread":false},{"title":"screenshot2.png <span style='color:#111;'> 172.94KB </span>","children":null,"spread":false}],"spread":true},{"title":"app","children":[{"title":"css","children":[{"title":"stylus","children":[{"title":"main.styl <span style='color:#111;'> 312B </span>","children":null,"spread":false},{"title":"media","children":[{"title":"screen-retina.styl <span style='color:#111;'> 161B </span>","children":null,"spread":false},{"title":"screen-default.styl <span style='color:#111;'> 3.85KB </span>","children":null,"spread":false},{"title":"screen-767px.styl <span style='color:#111;'> 410B </span>","children":null,"spread":false},{"title":"screen-480px.styl <span style='color:#111;'> 589B </span>","children":null,"spread":false}],"spread":true},{"title":"modules","children":[{"title":"buttons.styl <span style='color:#111;'> 654B </span>","children":null,"spread":false},{"title":"reset.styl <span style='color:#111;'> 2.67KB </span>","children":null,"spread":false},{"title":"mixins.styl <span style='color:#111;'> 1.64KB </span>","children":null,"spread":false},{"title":"globals.styl <span style='color:#111;'> 1.33KB </span>","children":null,"spread":false},{"title":"variables.styl <span style='color:#111;'> 377B </span>","children":null,"spread":false},{"title":"code.styl <span style='color:#111;'> 1.81KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"main.css <span style='color:#111;'> 13.73KB </span>","children":null,"spread":false}],"spread":true},{"title":"js","children":[{"title":"dispatcher","children":[{"title":"Dispatcher.js <span style='color:#111;'> 7.20KB </span>","children":null,"spread":false},{"title":"AppDispatcher.js <span style='color:#111;'> 900B </span>","children":null,"spread":false}],"spread":true},{"title":"constants","children":[{"title":"AppConstants.js <span style='color:#111;'> 567B </span>","children":null,"spread":false},{"title":"RouteConstants.js <span style='color:#111;'> 228B </span>","children":null,"spread":false}],"spread":true},{"title":"main.js <span style='color:#111;'> 1.13KB </span>","children":null,"spread":false},{"title":"player","children":[{"title":"PseudoElements.js <span style='color:#111;'> 859B </span>","children":null,"spread":false},{"title":"Player.js <span style='color:#111;'> 129B </span>","children":null,"spread":false},{"title":"Properties.js <span style='color:#111;'> 7.87KB </span>","children":null,"spread":false}],"spread":true},{"title":"components","children":[{"title":"Home-banner.jsx <span style='color:#111;'> 229B </span>","children":null,"spread":false},{"title":"Search-bar.jsx <span style='color:#111;'> 552B </span>","children":null,"spread":false},{"title":"Navigate.js <span style='color:#111;'> 1.86KB </span>","children":null,"spread":false},{"title":"Home.jsx <span style='color:#111;'> 606B </span>","children":null,"spread":false},{"title":"Player.jsx <span style='color:#111;'> 504B </span>","children":null,"spread":false},{"title":"NotFound.js <span style='color:#111;'> 490B </span>","children":null,"spread":false},{"title":"Header.jsx <span style='color:#111;'> 383B </span>","children":null,"spread":false},{"title":"Player-menu.jsx <span style='color:#111;'> 2.18KB </span>","children":null,"spread":false},{"title":"Search-results-none.jsx <span style='color:#111;'> 273B </span>","children":null,"spread":false},{"title":"Player-tabs-code-line.jsx <span style='color:#111;'> 3.08KB </span>","children":null,"spread":false},{"title":"Search-results.jsx <span style='color:#111;'> 823B </span>","children":null,"spread":false},{"title":"Player-tabs-demo.jsx <span style='color:#111;'> 686B </span>","children":null,"spread":false},{"title":"Player-tabs-code.jsx <span style='color:#111;'> 1.88KB </span>","children":null,"spread":false},{"title":"Search-results-box.jsx <span style='color:#111;'> 960B </span>","children":null,"spread":false},{"title":"Demo.jsx <span style='color:#111;'> 637B </span>","children":null,"spread":false},{"title":"Player-header.jsx <span style='color:#111;'> 497B </span>","children":null,"spread":false},{"title":"App.js <span style='color:#111;'> 1.20KB </span>","children":null,"spread":false}],"spread":false},{"title":"stores","children":[{"title":"AppStore.js <span style='color:#111;'> 1.55KB </span>","children":null,"spread":false},{"title":"Store.js <span style='color:#111;'> 703B </span>","children":null,"spread":false}],"spread":true},{"title":"actions","children":[{"title":"AppActions.js <span style='color:#111;'> 2.36KB </span>","children":null,"spread":false}],"spread":true},{"title":"utils","children":[{"title":"PlayerUtils.js <span style='color:#111;'> 2.11KB </span>","children":null,"spread":false},{"title":"ServerUtils.js <span style='color:#111;'> 366B </span>","children":null,"spread":false},{"title":"RouteUtils.js <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"GetUtils.js <span style='color:#111;'> 237B </span>","children":null,"spread":false},{"title":"ClassUtils.js <span style='color:#111;'> 191B </span>","children":null,"spread":false}],"spread":false}],"spread":true}],"spread":true},{"title":".gitignore <span style='color:#111;'> 62B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 3.72KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明