做一个网页信息表单:不仅可以打勾,还可以擦掉?
合集 · 前端教程 (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
Comments
补充一下[龙年] 第一个是小勾勾的描边动画,因为内容太多了,jiejoe没有足够的时间来讲,所以就跳过了,实在是不好意思,其实这个也挺简单的,相对比较基础,具体原理就是为svg路径设置一个虚线,然后设置一下偏移,大家在网上都可以很容易找到原理教程,或者我后面出一个教程也可以[妙啊] 第二个是手的纵向位置,实际上最标准的参考元素应该是那个方形小框,因为我们一直在做的是把手和它对齐,但是因为jiejoe选择的参考对象是小框外面的svg元素,svg包含了小勾勾,所以会比小框高一点,也正是这样,后面jiejoe才会手动添加一个偏移距离,大家下来可以优化一下,包括选中输入框的时候,我们参考的元素位置按道理应该是输入框旁边的选项框,但是jiejoe这里就偷了个懒,大家后面实操的时候注意一下[害羞][害羞] 第三个也就是整个视频的核心点,GSAP的timeline,其实这个只需要看下官方文档就可以懂的,但是可能有些朋友还没用过gsap[大哭],这里只能靠大家去学习了,GSAP虽然不难,但是是几句话讲不明白的[辣眼睛]
♥ 11
在线蹲...能不能推荐些包含交互式的网站(可以实时操作并且下载源码),还有一些有创意的小组件(输入文字伴随特殊效果),感谢
♥ 5 ↩ 1
github源代码链接: https://github.com/JIEJOE-WEB-Tutorial/009-checkable-form GSAP timeline官方文档:https://gsap.com/docs/v3/GSAP/Timeline
♥ 1 ↩ 4
想问一下这种灰色属性值提示的vs插件叫什么名字,一直在找这个玩意
♥ 1 ↩ 5
大佬又更新了[星星眼]
♥ 1 ↩ 1
up主不搞个群么 大家一起交流分享分享
scrolly 在哪里定义的啊
↩ 1
太棒了
↩ 1
前端这么卷了吗
↩ 1
非常清晰的思路[脱单doge][给心心]
↩ 1
up主好,想问下vscode中css自动给颜色加背景色是用的哪个插件[微笑]
↩ 1
支持,up加油[喜欢]
↩ 1
有源码吗[脱单doge]
↩ 1
那个描边,好像渡一讲过
↩ 2
[打call]
↩ 1
谢谢JIEJOE!!很喜欢
↩ 1
牛的牛的,一键[热词系列_三连]
↩ 1
上线了吗?
↩ 1