【文件属性】：
文件名称：android-landing:安卓 11 登陆页面的克隆
文件大小：2.77MB
文件格式：ZIP
更新时间：2021-05-29 11:49:10
HTML
Android 11 登陆页面
这是使用 gsap 动画库和 vanilla javascript 从头开始构建的 Android 11 登录页面的非官方重新设计。 这是学习如何设置 webpack 项目以及使用 gsap 的 Scroll Trigger 为滚动基础动画制作动画的练习。
演示版
您可以在此处查看演示：
带走
了解如何设置 Webpack 5 及其入门项目的配置
了解如何使用 GSAP 和 GSAP 的滚动触发器制作动画
为简单的静态登录页面创建模板
使用的库
为了保持精简，只使用了少数外部库
gsap -
splidejs -
开发和构建脚本
npm run serve
npm run build
所有图片和资产/内容都是谷歌的财产，我不主张所有权，这个登陆页面演示用于教育目的。
【文件预览】：
android-landing-main
----.prettierignore(82B)
----.gitignore(932B)
----tsconfig.json(499B)
----README.md(968B)
----.prettierrc(181B)
----commitlint.config.js(65B)
----LICENSE(1KB)
----package.json(2KB)
----src()
--------slider.ts(1KB)
--------voice-control.ts(505B)
--------bubbles.ts(763B)
--------security.ts(1KB)
--------template.html(42KB)
--------scss()
--------conversations.ts(872B)
--------media-controls.ts(1007B)
--------accordion.ts(2KB)
--------permissions.ts(631B)
--------smart-features.ts(2KB)
--------index.ts(2KB)
--------device-controls.ts(809B)
--------capture-share.ts(625B)
--------favicon.ico(5KB)
--------assets()
--------hero.ts(2KB)
--------android-auto.ts(683B)
----webpack.dev.js(1KB)
----postcss.config.js(110B)
----webpack.prod.js(548B)
----webpack.common.js(3KB)
----package-lock.json(416KB)