我们常在一些网页中
可以看到鼠标追随效果
一个简单的图片、动画
甚至一小段文字
都可以作为鼠标跟随的载体
之前咱们的直播课中
老师也讲过相关的canvas追随粒子特效
今天
就让我们一起来用原生js
实现炫酷的图片鼠标追随效果吧
通过dom操作、角度转换等方法
可以实现人物头像
上下左右的流畅滑动
利用js调用背景图片的位置
搭配鼠标悬停
轻松实现人物“转脸”的视觉特效
掌握了这种特效的设计原理
不但可以制作创意demo
大大方方地写在实战项目中
还可以在公司年会或节日派对上
活跃气氛、大显身手噢
想知道如何实现
有趣的视线跟随效果吗
让我们进入学辉老师的直播间
来共同学习
吧
炫酷头像注目鼠标效果
主讲老师：陈学辉01
直播课时间
11月6日星期五20:00-21:3002
知识点
dom操作、角度转换等等
01
学习方式如下图文底部链接点击图文底部即可直接进入直播间学习02
手机端点击进入腾讯课堂App搜索关键词点击点击右下角下拉找到即可进入直播间学习啦03
电脑端直接搜索进入腾讯课堂输入关键词选择即可进入直播间如果在写代码过程中出现任何疑问你还可以加群与大家一起寻求答疑老师们的帮助哦大家可以加小渡让小渡拉你进群另外不要忘记每天下午2点的渡一微课哦周一至周五每天下午随到随学关键知识点解析每天都有哦打开???搜索???就可观看哦来吧和万能的小渡一起玩转前端回复还可查看当周直播公益课安排哦~RECOMMEND
推荐阅读预览时标签不可点收录于话题#个上一篇下一篇