10个有趣的JavaScript和CSS库

   <h3><a href="/misc/goto?guid=4959615964191163495" rel="nofollow,noindex">Baguettebox</a></h3>    <p>Baguettebox是用于创建响应式灯箱画廊纯JavaScript库。它非常轻巧，对移动设备友好，易于使用和定制，并利用CSS3动画为平滑流畅的图像切换效果。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/6edd5a57a8fc41b0a9c697d11d46145a.jpg"></p>    <h3><a href="/misc/goto?guid=4959741344355628806" rel="nofollow,noindex">Whitestorm</a></h3>    <p>Whitestorm是一个基于Three.js引擎的用于开发3D webapp以及游戏的框架，它包含了许多常见的Three.js任务，所以非常容易就能搭建环境、创建对象、添加物件，官方提供了一个非常好的教程，就像react一样很好使用。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/93331b4509300520664977135814d2df.jpg"></p>    <h3><a href="/misc/goto?guid=4959741344453953907" rel="nofollow,noindex">Animatelo</a></h3>    <p>Animatelo是一个非常受欢迎的Animate.css库，它将所有的Animate.css效果重现，但是它是使用了Javascript方法代替了css类，它非常轻巧，依赖jQuery。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/5b4ec9d7a417a31ebbc66de2f733d38a.jpg"></p>    <h3><a href="/misc/goto?guid=4959738159837152976" rel="nofollow,noindex">FuseBox</a></h3>    <p>FuseBox是一个捆绑Javascript和CSS的，为TypeScript、SASS等附加功能，它提供了快速上手的教程，让你很快将其应用到Angular 2 + TypeScript, React + Babel, Vue.js, Electron等等。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/ceb6fdfddfa8beb02e2ae9d0d1012c5f.jpg"></p>    <h3><a href="/misc/goto?guid=4959741344571192418" rel="nofollow,noindex">Yargs</a></h3>    <p>Yargs是一个基于Nodejs的命令行应用框架，它允许您轻松的配置命令，解析多个参数，并设置快捷方式等。它设置能自动生成帮助菜单。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/35af59c3f27b695f5fdcbf7098e99cb9.jpg"></p>    <h3><a href="/misc/goto?guid=4959741344647754302" rel="nofollow,noindex">WebGradients</a></h3>    <p>WebGradients收集了大量漂亮的渐变色，可以很容易的应用到任何HTML页面中。项目网站快速浏览你想要的渐变色，然后可以点击直接复制css到你的项目中去。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/f0383ca05b659c946c7b1a3fa6425c1e.jpg"></p>    <h3><a href="/misc/goto?guid=4958538440202566341" rel="nofollow,noindex">Sticky-Kit</a></h3>    <p>Sticky-Kit是一个jQuery插件，允许你在页面任意范围内，设置跟随滚动的侧栏效果。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/45daa2b5785e46fcc01e57cc0400dfc1.jpg"></p>    <h3><a href="/misc/goto?guid=4959741344756874552" rel="nofollow,noindex">ScrollDir</a></h3>    <p>ScrollDir是一个javascript插件，它不依赖任何第三方库，轻松的利用css属性来获取垂直滚动方向。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/1b66eb254138ca7a305f17f48801d199.jpg"></p>    <h3><a href="/misc/goto?guid=4958878649150144623" rel="nofollow,noindex">Store.js</a></h3>    <p>Store.js是一个跨浏览器、高级本地存储解决方案。最近发布了第二个版本，增加了许多额外的功能，如数组/对象操作以及旧选项的改进。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/24438037c63c630c42f73e09dcd96b78.jpg"></p>    <h3><a href="/misc/goto?guid=4959741344861841238" rel="nofollow,noindex">Scrollanim</a></h3>    <p>Scrollanim是一个滚动动画库，它提供了大量的定制，提供单独的html和Javascript的API，超过50中平滑的动画效果，当然，它依赖Animate.css。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/d23605d4cfa474404e4689befd97193f.jpg"></p>    <p> </p>    <p>来自：http://www.helloweba.com/view-blog-412.html</p>    <p> </p>