这132个特效，是我花了10个多月的时间在油管里一个个敲出来的，我录下了每个练习的视频来加强记忆，在这里分享给大家。人们可能会再次取笑它。你工作不够努力。你有时间做这件事。其实我现在的工作已经相当饱和了，我是被逼出来的。我们9点上班，我基本7点半去公司自习，所以我有一个半小时的时间做这个。
对于CSS评测，无论是在论坛还是身边的人，我听到最多的就是学CSS没用，实际项目中用不到。听到这些我真的很沮丧，有时候会怀疑自己的学习方向是不是错了。但是有几个项目需要一些特效，我能很快找到思路制作出来。我觉得这是由于平时学习的这些特效积累的结果。
现在我对自己学到的东西并不迷茫，因为学习和成长是你自己的事，而不是别人在意的眼光。
所有对应的视频都可以在【哔哩哔哩】查看，也可以在b站搜索前端小智查看，源代码在视频介绍里，可以查看。
67.信号故障的特殊效果:
视频地址:/
68.自定义动态复选框效果:
频率地址:/
69.创意div盒的设计效果:
视频地址:/
70.SVG弹性线动画特效:
视频地址:/
71.类似花筒的特效
演示视频:/
72.Scratch音乐特效
演示视频:/
73.使用HTML CSS和jQuery进行水平页面滚动
视频地址:/
74.CSS剪辑路径鼠标移动特效
视频地址:/
75.让面部表情随着鼠标光标变化。
视频地址:/
76.星星闪烁特效
视频地址:/
77.CSS渐变按钮悬停效果
视频地址:/
78.聚光灯效果(JQuery鼠标移动效果)
视频地址:/
79.3维视频立方体特效
视频地址:/
80.3维背景动画效果
视频地址:/
81.滑块百分比的有趣应用
视频地址:/
82.纯CSS液体加载特效
视频地址:/
83.CSS悬停效果(只是为了好玩)
视频地址:/
84.CSS 3D波浪加载特效
视频播放地址:/
85.CSS水波背景动画特效
视频地址:/
86.CSS加载文本动画效果
视频地址:/
87.服务条款的特殊显示效果
视频地址:/
88.幻影文本特效
视频地址:/
89.碎玻璃横幅
视频地址:/
90.CSS列表项悬停效果
视频地址:/
91.方向感应卡的悬停效果
视频地址:/
92.发光文本加载特效
视频地址:/
93.砖石旋转背景动画特效
视频地址:/
94.文本悬停分割效果
视频地址:/
95.按钮波纹效应
视频地址:
96.魔幻滚动视差效果
视频地址:/
97.冷加载特效(模拟手机信号)
视频地址:/
98.酷炫发光特效
视频地址:/
99.仙境特效
视频地址:/
100.模拟临时特效。
视频地址:/
101.新拟像逐渐加载的特殊效果
视频地址:/
02.使用Vanilla lift.js实现3D视差倾斜效果。
视频地址:/
103.3维图书模型
视频地址:/
104.劳动人民的撕裂方式
视频地址:/
105.液体流动负载的特殊效果
视频地址:/
16.创意视频球特效
视频地址:/
107.CSS响应卡悬停效果
视频地址:/
08.使用等级。Js自动生成渐变背景色。
视频地址:/
109.现代CSS按钮悬停效果
视频地址:/
10.无限叠卡效果
视频地址:/
11.使用CSS进行彩色烟雾视频和文本处理
视频地址:/
12.用sketch.js实现彗星特效
视频地址:/
13.人物肖像特效
视频地址:/
14.使用SVG滤镜创建一个粘性效果。
视频地址:/
15.滑动菜单指示器特殊效果
视频地址:/
17.纯CSS和JS实现气泡效果
视频地址:/
18.css3按钮悬停并闪烁。
视频地址:/
119.css按钮边框渐变灯光效果
视频地址:/
10.如何使用JS动态更新CSS变量
视频地址:
21.使用gsap scrollTrigger来滚动和触发CSS动画。
视频地址:/
12.为你的博客和网站设计一个简单的日历
13.火箭发射的特殊效果
视频地址:/
14.酷盒子-阴影悬停特效
视频地址:/
15.如何用JS实现背景视差效果？
视频地址:/
16.如何使用CSS和JS创建一个简单的图片开关
视频地址:/
127.CSS图标魔线悬停效果
视频地址:/
18.落叶飘动的动画效果
视频地址:/
19.好家伙，女朋友让我用一个前端人的方式描述一幅画是怎么被泼墨的。
视频地址:/
130.HTML+CSS完成苹果logo的加载效果。小子，先别收一波！
视频地址:/
31.手持跑马灯加载特效，交给前端女友。
视频地址:
32.前端男，加油，刮雾玻璃。好家伙，这个工具超级好用！
视频地址:
End ~，我是小智，我要去洗碗了，下次见！
欢迎分享，转载请注明来源：聚客百科
微信扫一扫
支付宝扫一扫
评论列表（0条）