这132个特效是我在YouTube上用了10个多月的时间一一制作出来的。为了加强记忆，我把每一个练习都录了视频，在这里分享给大家。大家可能又要笑了，你的工作还没满，你有时间做这个。其实我现在的工作还是比较饱和的，都是被压榨出来的。我们9点上班，我基本上是7:30去公司自学，所以我有一个半小时的时间来做这些事情。关于CSS测评，不管是论坛里还是身边人，听的最多的就是学了CSS没用，在实际项目中也没有用到。听到这些话还是挺郁闷的，有时候我怀疑自己是不是学错了方向。但是在一些需要特殊效果的项目中，我可以很快找到想法并制作出来。我想这是平时学习这些特效积累的结果。现在我不再为自己学到了什么而迷茫，因为学习和成长是你自己的事，与别人无关。所有对应的视频都可以在【B站】查看，也可以在B站搜索前端小智，源码在视频介绍里，大家可以看看。对于前66个，请单击下面的链接。花了4个多月才学会这66个CSS特效67.信号失效特效：视频地址：https://www.bilibili.com/video/BV17V411r74q/68。自定义动态复选框效果：视频地址：https://www.bilibili.com/video/BV16Z4y1u7NY/69。创意div框设计效果：视频地址：https://www.bilibili.com/video/BV1dK411J7p2/70。SVG弹力线动画特效：视频地址：https://www.bilibili.com/video/BV1bA411Y7UY/71。类似于喷泉效果演示视频：https://www.bilibili.com/video/BV1Mh411Z7Ze/72。刮刮乐特效演示视频：https://www.bilibili.com/video/BV16f4y1X7Yr/73。使用HTMLCSS和jQuery实现水平页面滚动视频地址：https://www.bilibili.com/video/BV14A411Y7Gd/74.CSSClip-path鼠标移动特效视频地址：https://www.bilibili.com/video/BV1oD4y1U7C8/75。用鼠标光标改变表情视频地址：https://www.bilibili.com/video/BV1vT4y157Up/76。星星闪烁特效视频地址：https://www.bilibili.com/video/BV1tf4y1979Z/77。CSS渐变按钮悬停效果视频地址：https://www.bilibili.com/video/BV1EV411U7fD/78。聚光灯效果（JQuery鼠标移动效果）视频地址：https://www.bilibili.com/video/BV1EV411U7fD/78。://www.bilibili.com/video/BV1sA411n7us/79.3D视频魔方特效视频地址：https://www.bilibili.com/video/BV1eZ4y1K7o3/80.3D背景动画效果视频地址：https://www.bilibili.com/video/BV1eZ4y1K7o3/bilibili.com/video/BV1tK4y1Y771/81。滑块百分比趣味应用视频地址：https://www.bilibili.com/视频/BV1V5411h7iZ/82。纯CSS液体加载效果视频地址：https://www.bilibili.com/video/BV1Dh41197Lf/83。CSS悬停效果（纯属娱乐）视频地址：https://www.bilibili.com/video/BV145411b7RJ/84.CSS3D波浪加载特效视频播放地址：https://www.bilibili.com/video/BV15D4y1m7JG/85.CSS水波背景动画特效视频演示地址：https:///万维网。bilibili.com/video/BV1Lf4y1X7Bm/86。CSS加载文字动画特效视频地址：https://www.bilibili.com/video/BV1YA411n7xu/87。一种服务条款显示特效视频地址：https://www.bilibili.com/video/BV1vA411E77W/88。鬼文特效视频地址：https://www.bilibili.com/video/BV17T4y1A7Vg/89。碎玻璃banner视频地址：https://www.bilibili.com/video/BV1s5411b78Q/90。CSS列表项悬停效果视频地址：https://www.bilibili.com/video/BV1KZ4y1N7nr/91。定位卡悬停效果视频地址：https://www.bilibili.com/video/BV1Jf4y1D7Lm/92。发光文字加载特效视频地址：https://www.bilibili.com/video/BV17A411J7RL/93。砌体旋转背景动画特效视频地址：https://www.bilibili.com/video/BV1yv411C7NJ/94。文字悬停分割效果视频地址：https://www.bilibili.com/video/BV1RV411m7LQ/95。按钮波纹效果视频地址：https://member.bilibili.com/v2#/upload-manager/article96。魔幻滚动视差效果视频地址：https://www.bilibili.com/video/BV1LK411A7X2/97.酷加载特效（模拟手机信号）视频地址：https://www.ixigua.com/6882247186009031181/98。炫酷灯光特效视频地址：https://www.ixigua.com/6882247186009031181/99。仙境特效视频地址：https://www.ixigua.com/6883784380632793611/100。模拟播放临时特效视频地址：https://www.ixigua.com/6885309534483513859/101。新增拟物渐变加载特效视频地址：https://www.ixigua.com/6886389124811457032/102。使用Vanillalift.js实现3D视差倾斜效果视频地址：https://www.ixigua.com/6887878632572715532/103。3D书模型视频地址：https://www.ixigua.com/6888608009556230667/104。殴打工人撕裂方法视频地址：https://www.ixigua.com/6890835336868397572/105。液体流动加载特效视频地址：https://www.ixigua.com/6891580915374359043/106创意视频球特效视频地址：https://www.ixigua.com/6893066211257483784/107。CSS响应卡片悬停特效视频地址：https://www.ixigua.com/6893808422605554183/108。使用Grade.Js自动生成渐变背景色视频地址：https://www.ixigua.com/6894533882432094728/109。现代CSS按钮悬停效果视频地址：https://www.ixigua.com/6897449872975200780/110。无限叠加特效视频地址：https://www.ixigua.com/6897450763094753800/111。使用CSS进行彩烟视频和文字处理视频地址：https://www.ixigua.com/6898262151455048199/112。使用sketch.js实现彗星特效视频地址：https://www.ixigua.com/6899588911862022660/113。文字人像特效视频地址：https://www.ixigua.com/6901230535520027143/114。使用SVG滤镜制作黏糊糊效果视频地址：https://www.ixigua.com/6902344348986262024/115。滑动菜单指示器特效视频地址：https://www.ixigua.com/6903449899006689804/117。纯CSS和JS气泡效果视频地址：https://www.ixigua.com/6904504548409213454/118.CS??S3按钮悬停发光特效视频地址：https://www.ixigua.com/6906066035506414084/119.css按钮边框渐变发光特效视频地址：https://www.ixigua.com/6906796258489270788/120。如何使用JS动态更新CSS变量视频地址：https://www.ixigua.com/6907873173098889731/?&wid_try=1121。使用gsapscrollTrigger滚动触发CSS动画视频地址：https://www.bilibili。com/视频/BV1964y1f7CK/122。为你的博客和网站设计一个简单的日历123.火箭发射特效视频地址：https://www.ixigua.com/6910132650648797699/124。炫酷的盒子-阴影悬停特效视频地址：https://www.ixigua.com/6911265897659400708/125。如何用JS实现背景视差效果视频地址：https://www.ixigua.com/6911983867603878407/126。如何用CSS和JS制作一个简单的图片切换视频地址：https://www.ixigua.com/6914222592170263053/127.CSS图标魔术线悬停特效视频地址：https://www.ixigua.com/6914589524660224526/128.秋天夜飘舞动画特效视频地址：https://www.ixigua.com/6915324225184072200/129。好家伙，我女朋友让我用前端人的方式来描述一幅画泼墨时的样子。视频地址：https://www.ixigua.com/6916439319217603085/130。HTML+CSS完成苹果logo加载效果，好家伙，不想收藏了！视频地址：https://www.ixigua.com/6917189337700368907/131。一方面跑马灯加载特效，发给前端女友。视频地址：https://www.ixigua.com/6917930699139842563132。前端达人，来，刮擦雾面玻璃，好家伙，这个工具超级好用！视频地址：https://www.ixigua.com/6919046116382081540
