文件名称:android-landing:安卓 11 登陆页面的克隆
文件大小:2.77MB
文件格式:ZIP
更新时间:2024-06-18 05:35:50
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)