@大迁世界
我不是什么大牛,我其实想做的就是一个传播者。内容可能过于基础,但对于刚入门的人来说或许是一个窗口,一个解惑之窗。我要先坚持分享20年,大家来一起见证吧。
展开
-
133.HTML+CSS 完成圆形文字动画,好家伙,做个圈圈献给你!
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree视频演示 HTML+CSS 完成圆形文字动画,好家伙,做个圈圈献给你! 源码index.html<!DOCTYPE html原创 2021-01-21 11:39:36 · 1968 阅读 · 0 评论 -
132.前端人,来,给沾满雾气的玻璃刮一刮,好家伙,这工具超好用!
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree视频演示 前端人,来,给沾满雾气的玻璃刮一刮,好家伙,这工具超好用! 视频地址一:https://www.ixigua.com/691原创 2021-01-20 08:23:14 · 773 阅读 · 0 评论 -
131.手撸一个跑马灯加载特效送给前端女朋友
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree视频演示视频地址:https://www.ixigua.com/6917930699139842563源码index.html<!DOCTYPE html><html lang="en"><head> &原创 2021-01-16 12:04:34 · 1156 阅读 · 0 评论 -
130. HTML+CSS完成苹果logo加载效果,好家伙,还不收藏一波!
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree视频演示 HTML+CSS完成苹果logo加载效果,好家伙,还不收藏一波! 视频地址:https://www.ixigua.com/6原创 2021-01-14 08:33:09 · 1327 阅读 · 0 评论 -
129.好家伙,女朋友让我用前端人的方式,描述一下一幅画被墨水洒的到样子
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree视频演示 好家伙,女朋友让我用前端人的方式,描述一下一幅画被墨水洒的到样子 视频地址:https://www.ixigua.com/6原创 2021-01-14 08:27:45 · 870 阅读 · 1 评论 -
128.落叶飘舞动画特效
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree视频演示 CSS 落叶飘舞动画,好家伙,可以做个漂亮的锁屏了,还不收藏一波~ 视频地址:https://www.ixigua.com/原创 2021-01-11 18:02:13 · 1092 阅读 · 0 评论 -
127.CSS 图标魔法线悬停特效
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree视频演示视频地址:https://www.ixigua.com/6914589524660224526/源码index.html<!DOCTYPE html><html lang="en"><head>原创 2021-01-07 08:38:52 · 889 阅读 · 1 评论 -
126.如何使用CSS和 JS 创建简单图片切换
效果 (源码网盘地址在最后)视频演示视频地址:https://www.ixigua.com/6914222592170263053/源码index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2021-01-07 08:34:59 · 764 阅读 · 1 评论 -
125.如何使用 JS 实现背景视差特效
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree视频演示视频地址一:https://www.bilibili.com/video/BV1si4y1w7BJ/视频地址二:https://www.ixigua.com/6911983867603878407/源码index.html<!DOC原创 2020-12-30 18:21:35 · 774 阅读 · 0 评论 -
124.酷炫box-shadow 悬停特效
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree视频演示 【前端特效 124】酷炫box-shadow 悬停特效 视频地址一:https://www.bilibili.com/vid原创 2020-12-30 18:03:20 · 905 阅读 · 0 评论 -
123.火箭发射特效
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree源码index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport原创 2020-12-28 08:49:54 · 842 阅读 · 0 评论 -
122.为你的博客和网站设计一个简单的日历
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree源码index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport原创 2020-12-24 08:58:17 · 702 阅读 · 1 评论 -
121.使用gsap scrollTrigger滚动触发CSS动画
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree源码index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport原创 2020-12-23 08:47:32 · 3206 阅读 · 1 评论 -
120.如何使用 JS 动态更新CSS变量
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree演示视频视频地址一:https://www.bilibili.com/video/BV1cy4y1D7Lz/视频地址二:https://www.ixigua.com/6907873173098889731/?&wid_try=1源码inde原创 2020-12-21 09:12:29 · 797 阅读 · 0 评论 -
119.css按钮边框渐变发光特效
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree演示视频 【前端物资】119按钮边框渐变发光特效 视频地址一:https://www.bilibili.com/video/BV1rh原创 2020-12-17 08:54:06 · 3418 阅读 · 2 评论 -
118.CSS3按钮悬停闪亮特效
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree演示视频 【前端特效 118】CSS3按钮悬停闪亮特效 视频地址一:https://www.bilibili.com/video/BV原创 2020-12-17 08:44:50 · 1191 阅读 · 1 评论 -
117.纯CSS 和 JS 实现泡泡特效
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree演示视频 【前端特效 117】纯CSS 和 JS 实现泡泡特效 视频地址一:https://www.bilibili.com/vide原创 2020-12-11 08:26:49 · 1511 阅读 · 1 评论 -
115.滑动菜单指示器特效
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree演示视频 【前端特效 115】滑动菜单指示器特效 视频地址一:https://www.bilibili.com/video/BV1nT原创 2020-12-11 08:20:19 · 926 阅读 · 1 评论 -
114.使用SVG filter创建粘糊糊效果
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree演示视频 【前端特效 114】使用SVG filter创建粘糊糊效果 视频地址一:https://www.bilibili.com/v原创 2020-12-05 09:51:20 · 779 阅读 · 0 评论 -
113.文字肖像特效
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree演示视频 【前端特效 113】文字肖像特效 视频地址一:https://www.bilibili.com/video/BV1Cy4y1原创 2020-12-05 09:46:54 · 665 阅读 · 0 评论 -
112.使用 sketch.js 实现彗星特效
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree演示视频 【前端特效 112】使用 sketch.js 实现彗星特效 视频地址一:https://www.bilibili.com/v原创 2020-11-30 08:47:47 · 1204 阅读 · 0 评论 -
111.使用CSS进行彩色烟雾视频和文本处理
效果 (源码网盘地址在最后)演示视频 【前端特效 111】使用CSS进行彩色烟雾视频和文本处理 视频地址一:https://www.bilibili.com/video/BV1AK41137yR/视频地址二:https://www.ixigua.com/6898262151455048199/源码html<!DOCTYPE html><html lang=原创 2020-11-30 08:42:54 · 732 阅读 · 0 评论 -
110.无限叠卡特效
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree演示视频 【前端特效 110】无限叠卡特效 视频地址一:https://www.bilibili.com/video/BV1ZV411原创 2020-11-21 15:12:58 · 918 阅读 · 1 评论 -
109.现代CSS按钮悬停效果
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree演示视频 【前端特效 109】现代CSS按钮悬停效果 视频地址一:https://www.bilibili.com/video/BV1原创 2020-11-21 15:09:04 · 760 阅读 · 1 评论 -
108.使用Grade.Js自动生成渐变背景颜色
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree演示视频 【前端特效 108】使用Grade.Js自动生成渐变背景颜色 视频地址一:https://www.bilibili.com/原创 2020-11-14 09:16:21 · 1237 阅读 · 0 评论 -
107.CSS响应卡片悬停特效
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree演示视频 【前端特效 107】CSS响应卡片悬停特效 视频地址一:https://www.bilibili.com/video/BV1原创 2020-11-14 09:11:33 · 1428 阅读 · 0 评论 -
106.创意视频球特效
效果 (源码网盘地址在最后)最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree演示视频 【前端特效 106】创意视频球特效 视频地址一:https://www.bilibili.com/video/BV11y4y原创 2020-11-14 09:06:53 · 775 阅读 · 0 评论 -
105.液体流加载特效
效果 (源码网盘地址在最后)大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。演示视频 【前端特效 105】液体流特效 视频地址一:https://www.bilibili.com/video/BV1uV41117V1/视频地址二:https://www.ixigua.com/6891580915374359043/源码index.html<!DOCT原创 2020-11-06 08:30:18 · 798 阅读 · 0 评论 -
104.打工人的撕裂方式
效果 (源码网盘地址在最后)大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。演示视频 【前端特效 104】打工人的撕裂方式 视频地址一:https://member.bilibili.com/platform/upload-manager/article视频地址二:https://www.ixigua.com/6890835336868397572/源码in原创 2020-11-06 08:24:06 · 601 阅读 · 0 评论 -
103.3D书籍模型
效果 (源码网盘地址在最后)大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。演示视频 【前端特效 103】3D书籍模型(头条) 视频地址一:https://www.bilibili.com/video/BV1tZ4y1V7VN/视频地址二:https://www.ixigua.com/6888608009556230667/源码index.html<原创 2020-10-30 08:25:06 · 757 阅读 · 0 评论 -
102.使用Vanilla lift.js实现3D视差倾斜效果
效果 (源码网盘地址在最后)大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。演示视频 【前端特效 102】使用 lift.js 实现3D视差倾斜效果(头条) 视频地址一:https://www.bilibili.com/video/BV1yz4y1o7qY/视频地址二:https://www.ixigua.com/6887878632572715532/源码原创 2020-10-30 08:20:11 · 1403 阅读 · 0 评论 -
101.新拟物渐变加载特效
效果 (源码网盘地址在最后)大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。演示视频 【前端特效101】新拟物渐变加载特效(头条) 视频地址一:https://www.bilibili.com/video/BV1u54y1r7NJ/视频地址二:https://www.ixigua.com/6886389124811457032/源码index.html&l原创 2020-10-30 08:15:04 · 596 阅读 · 0 评论 -
100.模拟播放暂时特效
效果 (源码网盘地址在最后)大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。演示视频 【前端特效 100】模拟播放暂时特效 视频地址一:https://www.bilibili.com/video/BV1pV411y7yt/视频地址二:https://www.ixigua.com/6885309534483513859/源码index.html<!D原创 2020-10-21 09:09:59 · 557 阅读 · 0 评论 -
99.仙境特效
效果 (源码网盘地址在最后)大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。演示视频 【前端特效 99】仙境特效 视频地址一:https://www.bilibili.com/video/BV1ei4y1j7gs/视频地址二:https://www.ixigua.com/6883784380632793611/源码index.html<!DOCTYP原创 2020-10-21 09:05:14 · 928 阅读 · 1 评论 -
98.炫酷发光特效
效果 (源码网盘地址在最后)大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。演示视频 【前端特效 98】炫酷发光特效 视频地址一:https://www.bilibili.com/video/BV1Ba4y1L74b/视频地址二:https://www.ixigua.com/6882247186009031181/源码index.html<!DOCT原创 2020-10-14 13:40:05 · 668 阅读 · 1 评论 -
97.炫酷加载特效(模拟手机信号)
效果 (源码网盘地址在最后)大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。演示视频 【前端特效 97】炫酷加载特效(模拟手机信号) 视频地址一:https://www.bilibili.com/video/BV1fy4y167rn/视频地址二:https://www.ixigua.com/6882247186009031181/源码index.html&原创 2020-10-14 13:32:06 · 794 阅读 · 0 评论 -
96.魔幻的滚动视差特效
效果 (源码网盘地址在最后)大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。演示视频 【前端特效 96】魔幻的滚动视差特效 视频地址一:https://www.ixigua.com/6881078863829402123/视频地址二:https://www.bilibili.com/video/BV1LK411A7X2/源码index.html<!D原创 2020-10-11 09:45:44 · 778 阅读 · 1 评论 -
95.按钮涟漪特效
效果 (源码网盘地址在最后)大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。演示视频 【前端特效 95】按钮涟漪特效(头条) 视频地址一:https://www.ixigua.com/6878222485402157576/视频地址二:https://member.bilibili.com/v2#/upload-manager/article源码index.原创 2020-10-01 10:47:11 · 767 阅读 · 0 评论 -
94.文字悬停分割特效
效果 (源码网盘地址在最后)大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。演示视频 【前端特效 94】文字悬停分割特效 视频地址一:https://www.ixigua.com/6877480433328587276/视频地址二:https://www.bilibili.com/video/BV1RV411m7LQ/源码index.html<!DO原创 2020-10-01 10:35:52 · 623 阅读 · 0 评论 -
93.砖石旋转背景动画特效
效果 (源码网盘地址在最后)大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。演示视频 【前端特效 93】砖石旋转背景动画特效 视频地址一:https://www.ixigua.com/6875990675544867331/视频地址二:https://www.bilibili.com/video/BV1yv411C7NJ/源码index.html<!原创 2020-09-26 08:34:57 · 909 阅读 · 0 评论