这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 ~,我是小智,我要去洗碗了,下次见!