iPhone Dock栏滑动特效
iPhone 的 Dock 栏滑动特效，视觉上真的蛮惊艳的。那种顺滑的跟随感，加上缩放动画，像 macOS 的 Dock，挺适合做启动器或底部导航。有源码资源，虽然是转载的，但效果还原度高。用在移动端项目上也蛮合适的，尤其是仿原生风格的 UI。
视觉控的你应该会喜欢这种滑动放大的动效。实现上其实不算复杂，主要用到了CSS3 的 transform和JavaScript 的事件监听，根据鼠标/手指的位置动态调整图标大小。想要跟 macOS 那种动画效果接近，控制好scale 比例和响应范围就关键。
如果你偏好前端方案，推荐看看这个：jQuery 实现高度还原的苹果 Dock 效果。代码写得还挺清爽的，动效也够顺滑。像$('.icon').hover()那种交互方式经典，基本一看就懂。
哦对了，还有一些其他相关文章也值得瞧一眼，像是iOS Dock-like Controller适合做原生开发的参考，还有VB 的 Dock 实现也有源码，跨平台思路嘛，有时候也能借鉴一下。
如果你是做移动端 UI，或者想做个炫一点的导航界面，这类 Dock 特效挺适合用的。记得别直接上线转载资源，最好自己过一遍代码，还能学点技巧。
文件大小：980.29KB
评论区