放大镜跟随
放大镜“追随鼠标移动焦点” 效果菜单工具栏,基于CSS+JS的智能交互设计这是一款基于CSS与JavaScript实现的在工具栏上放大镜跟随鼠标移动动画效果。菜单工具栏上分布着多个功能图标,当鼠标悬停在某个图标上时 ,会出现放大镜样式的高亮效果,如同放大镜追随焦点一般...
光影卡片
CSS+JS实现动态3D光影跟随鼠标在卡片边框上的移动效果这是一款卡片阴影边框动效果附带鼠标跟随光影变化动效,基于 CSS 与 JS 技术实现,当鼠标在卡片上或者围绕卡片移动时,光影会随之灵动变化,能为页面增添交互感与视觉活力,这种效果适用于各种需要增...
卡牌拖尾
基于SVG+JS实现不停洗牌的扑克牌鼠标拖尾动画效果一款通过JS+SVG技术实现的扑克牌鼠标追随交互动画效果,其中的扑克牌的形状与花纹外观是通过SVG绘制的,鼠标移动时扑克牌的跟随交互动画是基于JS事件实现的。这款鼠标追随效果很有趣味性,可应用于...
脚丫光标
GSAP SVG小脚丫脚步光标跟随特效源码下载这是一款优雅的鼠标光标路径跟随效果,通过SVG路径动画与GSAP平滑缓动技术实现,让小脚丫像跳芭蕾般精准踩踏用户光标移动轨迹,适用于高端产品展示页、创意机构官网等需要提升光标交互仪式感的场景。
丝带光标
Canvas超轻量丝滑线条光标跟随动画(3KB纯JS实现)这是一款令人愉悦的卷曲光标跟随效果,基于Canvas+原生JS实现,超轻量级,仅3KB大小,通过流畅的弹簧物理动画让光标像丝带般优雅扭动,适用于个人作品集、创意机构官网等需要增添趣味交互细节的场景。
液态遮罩
WebGL液态汽油花遮罩内容揭示效果,挥舞鼠标散开油渍液体关键内容逐渐显示这是一款液态内容揭示效果,基于WebGL技术实现,通过鼠标移动散开动态的液体遮罩,平滑地展示隐藏内容,适用于高端产品展示、创意网站开场等需要吸引用户注意力的场景。
SVG风景画
SVG风景动画,支持鼠标的点击与跟随事件,非常适合SVG学习使用一款通过SVG+CSS实现的风景动画,画中包含了山川、湖泊、灯塔、树木、太阳、云层、帆船等景观,灯塔的光线随着鼠标的方向移动,点击太阳湖泊上会有帆船驶过。非常适合SVG深入学习使用。
GLB文件回显
HTML中通过JS插件回显3D建模glb文件,并设置合理布局3D建模生成的glb文件在HTML网页中展示,通过JS插件实现,将glb文件放置于卡片布局中,并添加了鼠标跟随3D展示效果,适用于3D建模文件glb回显的网页中。
移动边框
纯CSS跟着鼠标移动的炫酷边框,突出显示图库中的图片这是一款图片悬停边框凸显效果,基于CSS技术实现,鼠标在图库中游走时,边框跟着移动,并且凸显鼠标下方的图片,适用于图库以及其他卡片显示场景。
鼠标跟随
Canvas自由式矩阵数字雨鼠标拖尾特效,支持配置字符、颜色和速度等多个参数这是一款科幻风格的鼠标随机文本拖尾动画效果,基于Canvas/JS技术实现,可自定义字符、颜色和速度的参数化数字矩阵流,适用于赛博朋克主题网站或科技感登陆页装饰。

