1.目标——看鼠标的眼睛（难度：3.6）
本期我们的目标是制作一对眼睛，然后让眼珠始终盯着鼠标，随着鼠标的位置变化而移动！
2.分析需求——庖丁解牛
1.本例子中眼睛的制作使用普通的CSS圆角属性制作圆形即可，不算难点.
2.眼睛始终看着鼠标，跟随鼠标，其实就是眼珠在眼眶的范围内，尽可能地接近鼠标，这就是算法的核心思路
。。。
核心算法就是尽量让眼珠的位置靠近鼠标，但活动范围不能超出眼圈的范围，两只眼睛独立计算，以各自的眼圈中心为标准，指向鼠标的方向，就是眼珠的偏移方向；鼠标在眼圈内，偏移大小，就是中心距离鼠标的距离；鼠标在眼圈外，偏移就是眼圈的半径.
。。。
更多内容欢迎大家扫码订阅《躁动的web动画》，有更多精彩动画的教程和源代码，每周更新