demo
demo copied to clipboard
Published
20 hours ago •
jingle1267
jingle1267
前端优秀动态效果
Demo
入口地址：https://ihongqiqu.com/demo/
支持编译和静态页面两种方式：src目录下demo会经过编译，static下demo不在编译。
| 需要 | 效果名称 | 效果预览网址 |
|---|---|---|
| 01 | 01 - 圣诞树 | http://ihongqiqu.com/demo/ChristmasTree/ |
| 02 | 02 - 词云动画 | https://ihongqiqu.com/demo/blasttext/ |
| 03 | 03 - 充电效果 | https://ihongqiqu.com/demo/charger/ |
| 04 | 04 - 指南针 | https://ihongqiqu.com/demo/compass/ |
| 05 | 05 - 折叠菜单 | https://ihongqiqu.com/demo/foldmenu/ |
| 06 | 06 - 文字 Loading | https://ihongqiqu.com/demo/fontloading/ |
| 07 | 07 - 火焰效果 | https://ihongqiqu.com/demo/goeyfooter/ |
| 08 | 08 - 星云 Loading | https://ihongqiqu.com/demo/nutanixloading/ |
| 09 | 09 - 雨点特效 | https://ihongqiqu.com/demo/rainbowdot/ |
| 10 | 10 - 冰雪城堡 | https://ihongqiqu.com/demo/snowglobe/ |
| 11 | 11 - 雪人动效 | https://ihongqiqu.com/demo/snowman/ |
| 12 | 12 - 英文词云 | https://ihongqiqu.com/demo/tagcloud/ |
| 13 | 13 - 大风车 | https://ihongqiqu.com/demo/windmill/ |
| 14 | 14 - 下雪 | https://ihongqiqu.com/demo/snow/ |
| 15 | 15 - 模拟地球 | https://ihongqiqu.com/demo/globe/ |
| 16 | 16 - 滚动视差 | https://ihongqiqu.com/demo/scrollimg/ |
| 17 | 17 - 图片切换炫酷效果 | https://ihongqiqu.com/demo/imagetranstion/ |
| 18 | 18 - 网页显示浏览进度 | https://ihongqiqu.com/demo/scrollindicator/ |
| 19 | 19 - Cool Layout | https://ihongqiqu.com/demo/coollayout/ |
| 20 | 20 - 代码编辑器 | https://ihongqiqu.com/demo/codemirror/ |
| 21 | 21 - 颜色选择器1 | https://ihongqiqu.com/demo/ColorPicker/ |
| 22 | 22 - 颜色选择器2 | https://ihongqiqu.com/demo/ColorPicker2/ |
| 23 | 23 - 颜色选择器3 | https://ihongqiqu.com/demo/BubbleColorPicker/ |
| 24 | 24 - 炫酷背景特效 | https://ihongqiqu.com/demo/partiles/ |
| 25 | 25 - 日出动画 | https://ihongqiqu.com/demo/sunrise/ |
| 26 | 26 - 全屏图片切换效果 | https://ihongqiqu.com/demo/FullPageSlider/ |
| 27 | 27 - 吃什么 | https://ihongqiqu.com/demo/LunchDecision/ |
| 28 | 28 - CSS表盘 | https://ihongqiqu.com/demo/cssclock/ |
| 29 | 29 - 罗马时钟 | https://ihongqiqu.com/demo/RomanClock/ |
| 30 | 30 - 炫酷碎块时钟 | https://ihongqiqu.com/demo/NumberClock/ |
| 31 | 31 - 输入文字动效 | https://ihongqiqu.com/demo/TypeAnimation/ |
| 32 | 32 - 个人名片模板 | https://ihongqiqu.com/demo/CV/ |
| 33 | 33 - 电影中黑客背景效果 | https://ihongqiqu.com/demo/hackbg/ |
| 34 | 34 - 图片颜色提取器 | https://ihongqiqu.com/demo/DigitalColorMeter/ |
| 35 | 35 - 马赛克文字效果 | https://ihongqiqu.com/demo/HelloWorld/ |
| 36 | 36 - 天气特效 | https://ihongqiqu.com/demo/Weather/ |
| 37 | 37 - 倒计时提醒 | https://ihongqiqu.com/demo/CountDown/ |
| 38 | 38 - 相框 | https://ihongqiqu.com/demo/PhotoFrame/ |
| 39 | 39 - 卡宴3D | https://ihongqiqu.com/demo/3dEye/ |
| 40 | 40 - 360View | https://ihongqiqu.com/demo/360View/ |
| 41 | 41 - HTM转MD | https://ihongqiqu.com/demo/htm2md/ |
| 42 | 42 - 图片高斯背景预览 | https://ihongqiqu.com/demo/GaussianBlur/ |
| 43 | 43 - 迈克杰克逊404页面 | https://ihongqiqu.com/demo/MJ404/ |
| 44 | 44 - 内容营销工具 | https://ihongqiqu.com/demo/ContentMarketing/ |
| 45 | 45 - 记忆小游戏 | https://ihongqiqu.com/demo/MemoryGame/ |
| 46 | 46 - 记忆小游戏2 | https://ihongqiqu.com/demo/MemoryGame2/ |
| 47 | 47 - 跳一跳小游戏 | https://ihongqiqu.com/demo/jump/ |
| 48 | 48 - CutCut小游戏 | https://ihongqiqu.com/demo/CutCut/ |
| 49 | 49 - 超级玛丽小游戏 | https://ihongqiqu.com/demo/SuperMarie/ |
| 50 | 50 - 五子棋小游戏 | https://ihongqiqu.com/demo/gobang/ |
| 51 | 51 - 视觉深度卡片 | https://ihongqiqu.com/demo/ParallaxDepthCards/ |
| 52 | 52 - 笑话 | https://ihongqiqu.com/demo/joke/ |
| 53 | 53 - 时间沙漏 | https://ihongqiqu.com/demo/Hourglass/ |
| 54 | 54 - SVG页面动画 | https://ihongqiqu.com/demo/AnimatedSvgScene/ |
| 55 | 55 - 干净简洁的交互式网页 | https://ihongqiqu.com/demo/CleanSimpleWebsite/ |
| 56 | 56 - 音乐播放器 | https://ihongqiqu.com/demo/MusicPlayer/ |
| 57 | 57 - 日历 | https://ihongqiqu.com/demo/calendar/ |
PS:
- ColorPicker 中的 color.js 不能混淆；
jingle1267