“自瞄锁敌”？做一个带有磁力的网页光标
合集 · 前端教程 (23)
-
【前端 | 教程】如何做一个扑克牌轮播图
10:23
-
【前端 | 教程】实现酷酷的文字故障效果
7:22
-
【前端 | 教程】纯干货！三步实现滑动阻尼效果
8:13
-
【前端 | Lottie】如何将AE动画渲染到网页上？
10:25
-
前端还能这样玩？做一只顶级走位的小蜘蛛
8:25
-
你的网站或许离高级，，还差一个跳转动画？
9:06
-
何止竖向滑动？让你的网页横着走！
9:30
-
干到开裂！上下左右⚡网页无限滑动⚡
12:32
-
做一个网页信息表单：不仅可以打勾，还可以擦掉？
11:56
-
硬到牙疼！如何将SVG图形嵌入网页、优雅地做动画？
7:57
-
网页SVG描边效果？一段动画给你整明白
7:26
-
你最该学会的网页交互？SVG描边动画 + 按钮
6:16
-
最具科技感的一集？用SVG打造网页矩阵动画
7:57
-
全站首发！别再问哪找网页灵感了，AW保姆级教程
8:33
-
不用物理引擎？让网页小球附加🧲磁力效果🧲
7:15
-
一个让人猜不到原理的，，网页小蛇加载效果？
7:48
-
终！极！网页横向滑动效果📕教程📕
6:34
-
再花里胡哨一点？在网页里使用ASCII动画
6:24
-
手搓物理效果？详解大神写的前端代码
8:09
-
音频可视化第一步？无库实现网页音波环
6:33
-
“自瞄锁敌”？做一个带有磁力的网页光标
5:40
-
网页也能一刀两断？这个开屏动画有点小帅
6:10
-
另类切图法？当CSS不按套路出牌
6:14
Description
视频中的原效果网页演示: BV19iPZzmE59 源代码链接: https://github.com/JIEJOE-WEB-Tutorial/018-magnetic-pointer 喜欢这个视频的话，就点个赞吧❤
Comments
还是太好看了，改了一下改成纯js+gsap了。
♥ 73 ↩ 9
这个吸附确实很好看，而且还能代替聚焦功能（￣▽￣）
♥ 21 ↩ 1
交作业[打call] https://ptalts-lk.github.io
♥ 15 ↩ 1
up求教一下这个https://www.middlefun.com/about，吊牌这个效果咋实现的，他这个有拖拽效果，拉开松开还会像自由落体一样[打call][打call]
♥ 7 ↩ 11
原作者的那个鼠标的指针为什么是消失的？[思考]
♥ 5 ↩ 7
ipados 18 同款，可惜已经被apple抛弃了
♥ 5 ↩ 1
偶然间发现 trae海外官网blog页面（https://www.trae.ai/blog）底部的TRAE有个挺有意思的交互动效，感觉和你之前讲过的一个例子很像
♥ 4
这个鼠标自动锁敌的源代码，有个js动效合集网站也收录有！名为【React Bits】，各位小伙伴们也可以前往去那里获取[支持][支持][支持]
♥ 3
https://reactbits.dev/animations/target-cursor
♥ 3 ↩ 1
视频开头展示的网站：https://www.xzadudu179.top
♥ 3
交作业[呲牙][呲牙]
♥ 3 ↩ 1
@九镹_xzadudu179
♥ 3 ↩ 2
很好的视频，让我的前端起飞
♥ 3 ↩ 1
第一[打call]
♥ 2 ↩ 1
我在滚动网页时，会发生 Y 轴上的偏移[大哭]
♥ 2 ↩ 3
我前段时间也实现了个类似的，没想到这么快就看到up出教程了，up的效果比我好很多[星星眼]
♥ 2 ↩ 1
想问问up，你对tailwind怎么看，用tailwind和shadcn来实现这种类似的效果或者做交互对比js和css是不是麻烦很多？我现在对这两种方式很纠结，感觉各有各的爽感[笑哭]
♥ 2 ↩ 2
21世纪最牛逼的称赞送给你：666
♥ 2 ↩ 1
[星星眼]好棒的效果
♥ 2 ↩ 1
太酷啦
♥ 2 ↩ 1