[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3076":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":18,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":16,"starSnapshotCount":16,"syncStatus":35,"lastSyncTime":36,"discoverSource":37},3076,"scrollreveal","jlmakes\u002Fscrollreveal","jlmakes","Animate elements as they scroll into view.","https:\u002F\u002Fscrollrevealjs.org\u002F",null,"JavaScript",22492,2211,401,38,0,1,4,9,45,false,"master",true,[25,26,27,28,29,5,30,31],"animation","css","javascript","reveal","scroll","transform","transition","2026-06-12 02:00:46","\u003Cp align=\"center\">\n\t\u003Ca href=\"https:\u002F\u002Fscrollrevealjs.org\" title=\"Visit ScrollReveal home page\">\n\t\t\u003Cimg src=\"https:\u002F\u002Fscrollrevealjs.org\u002Fimg\u002Flogomark.svg\" alt=\"ScrollReveal\" width=\"120\">\n\t\u003C\u002Fa>\n\u003C\u002Fp>\n\u003Cbr>\n\u003Cp align=\"center\">\n\t\u003Ca href=\"https:\u002F\u002Fscrollrevealjs.org\" title=\"Visit ScrollReveal home page\">\n\t\t\u003Cimg width=\"200\" src=\"https:\u002F\u002Fscrollrevealjs.org\u002Fimg\u002Fscrollreveal-logotype-dark.svg\" alt=\"ScrollReveal\">\n\t\u003C\u002Fa>\n\u003C\u002Fp>\n\u003Cp align=\"center\">Animate elements as they scroll into view.\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n\t\u003Ca href=\"https:\u002F\u002Ftravis-ci.org\u002Fjlmakes\u002Fscrollreveal\">\n\t\t\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Ftravis\u002Fjlmakes\u002Fscrollreveal.svg\" alt=\"Build status\">\n\t\u003C\u002Fa>\n\t\u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fscrollreveal\">\n\t\t\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fscrollreveal.svg\" alt=\"Monthly downloads\">\n\t\u003C\u002Fa>\n\t\u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fscrollreveal\">\n\t\t\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fscrollreveal.svg\" alt=\"Version\">\n\t\u003C\u002Fa>\n\t\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fmin+gzip-5.7_kB-blue.svg\" alt=\"5.7 kB min+gzip\">\n\t\u003Ca href=\"https:\u002F\u002Fopensource.org\u002Flicenses\u002FGPL-3.0\">\n\t\t\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-GPLv3-blue.svg\" alt=\"GPLv3 License\">\n\t\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cbr>\n\n# Installation\n\n## Browser\n\nA simple and fast way to get started is to include this script on your page:\n\n```html\n\u003Cscript src=\"https:\u002F\u002Funpkg.com\u002Fscrollreveal\">\u003C\u002Fscript>\n```\n\nThis will create the global variable `ScrollReveal`\n\n> Be careful using this method in production. Without specifying a fixed version number, Unpkg may delay your page load while it resolves the latest version. Learn more at [unpkg.com](https:\u002F\u002Funpkg.com)\n\n## Module\n\n```bash\n$ npm install scrollreveal\n```\n\n#### CommonJS\n\n```js\nconst ScrollReveal = require('scrollreveal')\n```\n\n#### ES2015\n\n```js\nimport ScrollReveal from 'scrollreveal'\n```\n\n\u003Cbr>\n\n# Usage\n\nInstallation provides us with the constructor function [`ScrollReveal()`](https:\u002F\u002Fscrollrevealjs.org\u002Fapi\u002Fconstructor.html). Calling this function returns the ScrollReveal instance, the “brain” behind the magic.\n\n> ScrollReveal employs the singleton pattern; no matter how many times the constructor is called, it will always return the same instance. This means we can call it anywhere, worry-free.\n\nThere’s a lot we can do with this instance, but most of the time we’ll be using the [`reveal()`](https:\u002F\u002Fscrollrevealjs.org\u002Fapi\u002Freveal.html) method to create animation. Fundamentally, this is how to use ScrollReveal:\n\n```html\n\u003Ch1 class=\"headline\">\n\tWidget Inc.\n\u003C\u002Fh1>\n```\n\n```js\nScrollReveal().reveal('.headline')\n```\n\n**🔎 See this demo live on [JSBin](http:\u002F\u002Fjsbin.com\u002Fjufohaxonu\u002Fedit?html,output)**\n\n\u003Cbr>\n\n---\n\n### The full documentation can be found at [https:\u002F\u002Fscrollrevealjs.org](https:\u002F\u002Fscrollrevealjs.org)\n\n> If you’re using an older version of ScrollReveal, you can find legacy documentation in the [wiki](https:\u002F\u002Fgithub.com\u002Fjlmakes\u002Fscrollreveal\u002Fwiki)\n\n---\n\n\u003Cbr>\n\n\u003Ca href=\"https:\u002F\u002Fscrollrevealjs.org\u002Fpricing\u002F\" title=\"Visit ScrollReveal pricing page\">\n\t\u003Cimg align=\"right\" height=\"300\" src=\"https:\u002F\u002Fscrollrevealjs.org\u002Fimg\u002Flicense.svg\" alt=\"Commercial License Badge\">\n\u003C\u002Fa>\n\n\u003Cbr>\n\n# License\n\n**For commercial sites, themes, projects, and applications, keep your source code private\u002Fproprietary by purchasing a [Commercial License](https:\u002F\u002Fscrollrevealjs.org\u002Fpricing\u002F).**\n\nLicensed under the GNU General Public License 3.0 for compatible open source projects and non-commercial use.\n\n\u003Cbr>\n\nCopyright 2023 Fisssion LLC\n","ScrollReveal 是一个用于在元素滚动到视口时为其添加动画效果的 JavaScript 库。其核心功能是通过简单的配置即可实现 CSS 动画，支持自定义动画属性如延迟、持续时间及动画类型等，同时提供了丰富的 API 供开发者灵活调用。该库采用模块化设计，既可以直接通过 CDN 引入使用，也支持 npm 安装以适应现代前端开发流程。ScrollReveal 非常适合于需要增强页面交互体验的网站或应用，特别是在希望吸引用户注意力至特定内容区域时尤为适用。由于其轻量级（压缩后仅5.7kB）且易于集成的特点，对于追求高效性能与良好用户体验的项目来说是一个理想的选择。",2,"2026-06-11 02:52:24","top_language"]