Nice function
尝试实现一些让人耳目一新、感觉很 nice 的网页内容、动效
完整代码地址:
https://github.com/dev-zuo/nice-func
,欢迎 Star、Fork
5. 苹果官网 AirPods 充电盒动效实现,根据滚动位置打开、收起、旋转等
1. iPad mini - webm 透明视频 - laggy 迟缓
2. iPad mini - webm => 关键帧最大间隔=1 mp4 - 流畅
3. 根据滚动播放视频 - 监听页面滚动 pause() 视频
4. 根据滚动播放视频 - requestAnimationFrame mac pro 垃圾桶
5. 根据滚动切换帧动画 - AirPods 老款动画
6. AirPods 充电盒 - 根据滚动播放视频
7. AirPods 充电盒 - 根据滚动播放视频 + 不同时间段对应文案显示
4. iPhone14 新配色官网首屏动效实现
1. iphone 14 first screen animation
3. OPPO Find X3 火星版官网:使用 GSAP 和 clip-path 实现 5 种场景切换动效
1. video bg + custom mouse animation
2. three.js star + gsap clip-path
3. mouse animation + gasp scene switch
2. MacBook Pro 新品发布官网动画效果实现(2023年01月)
1. video-animation
2. canvas-animation
1. vivo iQOO Neo7 向下滚动切换手机颜色效果
1. scale-phone-to-middle-when-scroll
2. switch-phone-color-when-scroll