程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
本地白板动画出片:cs-board 部署与配置要点
编程
本地白板动画出片:cs-board 部署与配置要点
2026-08-27 01:01:06
view 9
cs-board 本地白板动画视频生成工具部署与配置要点:Windows 环境依赖(Python 3.11+、Node 22.13+、IndexTTS 2.5、OpenLux API)、启动命令、三种生成模式,以及 API Key 与参考音频切勿公开上传的安全提醒。
视频生成
IndexTTS
白板动画
部署
AI工具
Excalidraw:127K Star 开源手绘白板,AI 生成架构图,浏览器即开即画
编程
Excalidraw:127K Star 开源手绘白板,AI 生成架构图,浏览器即开即画
2026-07-14 11:40:07
view 293
Excalidraw是127K+Star开源手绘白板,Canvas 2D+Rough.js实现手绘风格,支持WebRTC实时协作/PNG SVG导出/JSON进Git/离线可用,AI Text-to-Diagram自然语言生成架构图,Obsidian/Notion/VS Code插件集成,MIT协议可私有化部署。
Excalidraw
开源
手绘
白板
AI
架构图
实时协作
TypeScript
React
知识图谱
Vue3中的`<transition>`组件在什么时候触发?
编程
Vue3中的`<transition>`组件在什么时候触发?
2024-11-17 05:15:46
view 1686
在Vue3中,`<transition>`组件用于在元素进入或离开DOM时应用过渡效果。它在元素第一次渲染、更新和移除时触发相应的动画。通过示例代码,展示了如何使用`<transition>`组件来实现动画效果,并介绍了过渡类名的规则,以帮助开发者实现更复杂的动画效果。
前端开发
Vue.js
动画效果
用户体验
动态渐变背景
代码
动态渐变背景
2024-11-19 01:49:50
view 1795
该文本展示了一个使用HTML和CSS创建的动态渐变背景效果。通过CSS的背景剪裁和线性渐变,标题文字呈现出渐变动画,背景色为浅灰色,整个页面居中显示。使用了@keyframes定义动画,使背景在不同颜色之间平滑过渡,增强视觉效果。
网页设计
前端开发
动画效果
综合
Granim.js:为网页背景、元素和文字添加交互式渐变效果
2024-11-19 08:26:02
view 2313
Granim.js是一个开源的JavaScript库,用于创建流畅的交互式渐变动画,支持丰富的渐变配置和易用的API。它可以为网页的背景、元素和文字添加动态渐变效果,适用于简单和复杂的场景,如图像蒙层和文字渐变。该库提供了多种选项和回调函数,允许用户自定义动画效果,提升网页的视觉吸引力。
前端开发
动画效果
网页设计
开源库
用户体验
代码
纯CSS实现3D云动画效果
2024-11-18 18:48:05
view 2058
本文介绍了一种使用纯CSS实现的3D标签云动画效果,用户可以通过悬停标签来暂停动画。实现过程中使用了HTML和CSS,利用CSS变量和transform属性创建三维效果,并通过@keyframes定义旋转动画。该效果适合展示技术栈和产品特性,既美观又具互动性。
前端开发
动画效果
用户体验
编程
Vue 3 或 Nuxt 项目中快速实现炫酷的动画效果
2025-05-11 23:31:07
view 2304
InspiraUI是一款专为Vue3和Nuxt开发者打造的开源动画组件库,结合了TailwindCSS和@vueuse/motion,旨在帮助开发者快速构建高质量、视觉吸引力强的现代网站。它支持丰富的动画组件和高度可定制的样式,确保快速加载和流畅运行,适用于SPA和SSR项目,欢迎社区贡献和反馈。
前端开发
开源项目
动画效果
Vue
Nuxt
Vue3中的Teleport和Transition组件是干什么用的?
代码
Vue3中的Teleport和Transition组件是干什么用的?
2024-11-17 14:25:55
view 1674
在Vue3中,Teleport和Transition组件是用于DOM元素移动和动画效果的实用工具。Teleport组件可以将元素从其原位置移动到其他DOM位置,适合模态框和弹出框等场景。Transition组件则用于在元素状态变化时添加动画效果,提升用户体验。通过示例代码,本文详细介绍了这两个组件的基本使用和效果。
前端开发
Vue
动画效果
用户体验
🚀纯CSS实现3D翻书特效!无JavaScript也能玩出花
代码
🚀纯CSS实现3D翻书特效!无JavaScript也能玩出花
2025-05-15 10:22:08
view 1819
本文介绍了一种纯CSS实现的3D翻书特效,展示了如何通过CSS的高级特性如transform-style、perspective和transition等,创建逼真的翻页效果。该特效无需JavaScript,提供了优秀的交互体验,适合练习CSS3变换与3D动画。文中还提供了完整的HTML源码,便于读者直接使用和修改。
前端开发
CSS
动画效果
网页设计
用户体验
✍️ 纯 CSS 实现打字效果(无需 JavaScript)
编程
✍️ 纯 CSS 实现打字效果(无需 JavaScript)
2025-05-15 10:26:06
view 1549
本文介绍了如何使用纯CSS实现打字机效果,无需JavaScript。通过核心代码示例,展示了HTML和CSS的实现方式,包括打字动画和光标闪烁效果。技术原理解析了关键属性的作用,并提供了可配置建议和实战技巧,适用于博客签名、欢迎页引导等场景。
前端
动画
Web开发
Codex剪辑Skills:一句话剪视频,Agent自动化口播成片全流程
编程
Codex剪辑Skills:一句话剪视频,Agent自动化口播成片全流程
2026-06-22 08:00:14
view 1216
chengfeng-videocut-skills是2000+Star开源剪辑Skill包,接入Codex/Claude Code后五步完成口播成片:剪口播→分镜→修改→预览→合成MP4。基于rough.js手绘动画+HyperFrames HTML渲染,免费开源。
视频剪辑
Codex
Agent
开源
口播视频
自动化
HyperFrames
HTML动画
rough.js
编程
Flip‑JS:优雅处理元素结构变化动画
2025-06-28 11:41:42
view 1727
Flip‑JS是一款轻量级库,基于FLIP动画思想优雅处理DOM元素的结构与样式变化。它支持元素的重新排列、尺寸变化和样式过渡,确保动画过程自然流畅。通过原生API实现动态效果,适合频繁变动的DOM结构和样式变化场景,提供高性能体验和便捷的API。
动画
前端开发
JavaScript
性能优化
用户体验
一个简单的打字机效果的实现
代码
一个简单的打字机效果的实现
2024-11-19 04:47:27
view 1770
该文本展示了一个简单的打字机效果的实现,使用HTML、CSS和JavaScript。通过CSS样式定义了打字机效果的外观和动画,JavaScript用于动态设置文本和控制动画的重置与执行。每隔5秒,文本会重新执行打字机效果,增强了用户体验。
前端开发
网页设计
动画效果
编程
前端动画神器 Uiverse.io:复制粘贴即可为所欲为!
2025-07-07 17:55:15
view 1814
Uiverse.io是一个为前端开发者提供的动画组件库,包含4000+个精美的CSS动效组件示例,如按钮、输入框、提示框等,支持原生CSS和TailwindCSS。用户只需复制粘贴代码即可使用,且网站也为学习CSS动画提供了丰富的素材和示例,帮助开发者提升用户体验和设计能力。
前端开发
动画
组件库
用户体验
学习资源
一文读懂 React Bits:为你的网站注入创意动效 🧩
编程
一文读懂 React Bits:为你的网站注入创意动效 🧩
2025-07-14 10:22:02
view 2528
ReactBits是一个开源项目,提供超过80个高度可定制的ReactUI动画组件,旨在帮助开发者轻松创建吸引人的页面效果。它支持多种写法(JS/TS和CSS/Tailwind),并且不依赖额外库,具有丰富的文档和活跃的社区。该项目适合各种开发风格,能够快速集成并提升页面的交互性和视觉表现。
前端开发
开源
用户界面
动画
React
代码
黑客帝国代码雨效果
2024-11-19 01:49:31
view 1856
该文本展示了一个实现代码雨效果的HTML页面。使用JavaScript在全屏画布上绘制随机字符,字符从上到下不断下落,形成动态效果。代码中包含了画布的初始化、字符集的定义、绘制函数以及动画的设置,适合用于学习Canvas和动画效果的实现。
前端开发
动画效果
Canvas
综合
Uiverse.io是一个神级网站,提供了4000多个前端动画特效
2024-11-18 12:11:54
view 2842
Uiverse.io是一个神级网站,提供了4000多个前端动画特效,用户只需复制粘贴代码即可轻松应用于项目中。网站涵盖按钮、输入框、提示信息等多种元素的动画,极大提升用户体验和工作效率。无论是CSS还是Tailwind,用户都可以快速找到所需的动画效果,方便快捷。
前端开发
动画效果
用户体验
网站推荐
代码
纯 CSS 实现一个笔记本电脑的组装动画
2024-11-17 04:44:14
view 2002
本文介绍了如何使用纯CSS实现一个笔记本电脑的组装动画。通过HTML和CSS代码,创建了一个具有动态效果的MacBook模型,展示了其显示屏、键盘和加载动画的实现方式。文章包含了详细的CSS样式和动画效果,适合对网页设计和动画感兴趣的开发者。
前端开发
动画效果
网页设计
综合
如何把 CSS 的动态效果转换成 GIF 动图的
2024-11-19 05:01:51
view 3033
本文介绍了如何将CSS动态效果转换为GIF动图,提供了两种方法:一种是使用浏览器插件AwesomeScreenshot和MP4到GIF转换器,另一种是利用Puppeteer和ImageMagick的程序化方案。文章详细说明了每种方法的步骤,适合不同技术水平的用户。
前端开发
动画效果
技术教程
纯 CSS 实现动画,童年玩具 “跳跳杆”
代码
纯 CSS 实现动画,童年玩具 “跳跳杆”
2024-11-19 06:44:40
view 1725
本文介绍了如何使用纯CSS实现一个动画效果,模拟童年玩具“跳跳杆”。通过HTML和CSS代码,创建了一个具有立体效果的场景,展示了跳跳杆的动态表现。代码中包含了多种CSS动画效果和关键帧定义,展示了如何利用CSS的强大功能来实现复杂的动画效果。
前端开发
动画效果
网页设计
告别"恐怖谷"!国产开源SentiAvatar:0.3秒生成6秒动作,让数字人终于有了"灵魂"
编程
告别"恐怖谷"!国产开源SentiAvatar:0.3秒生成6秒动作,让数字人终于有了"灵魂"
2026-04-21 07:40:01
view 1075
国产开源交互式3D数字人框架SentiAvatar,0.3秒生成6秒动作,Plan-then-Infill架构,37小时中文数据集,模型+数据集+角色模型全部开源
开源
数字人
AI
3D
动画
GitHub
人大
编程
键让图片“动”起来!Magic Animator Figma 插件实测体验
2025-08-14 16:12:02
view 1838
MagicAnimator是由LottieLab发布的Figma插件,能通过AI自动生成可编辑的关键帧动画。用户只需拖入图片并点击按钮,即可快速生成多种动效,支持LottieJSON、GIF和MP4格式导出。该插件简化了动画制作流程,适用于App、网页和社交媒体,提升了设计师的工作效率。
动画制作
设计工具
Figma插件
AI技术
动效设计
使用Vue3实现动画效果,包括简单的渐变动画和淡入淡出效果。通过示例代码,读者可以了解如何利用Vue3的组合式API和CSS动画提升用户体验
编程
使用Vue3实现动画效果,包括简单的渐变动画和淡入淡出效果。通过示例代码,读者可以了解如何利用Vue3的组合式API和CSS动画提升用户体验
2024-11-18 22:44:37
view 1942
本文介绍了如何使用Vue3实现动画效果,包括简单的渐变动画和淡入淡出效果。通过示例代码,读者可以了解如何利用Vue3的组合式API和CSS动画提升用户体验。文章涵盖了组件创建、事件处理和样式定义等内容,适合前端开发者学习和实践。
前端开发
Vue
动画
代码
炫酷彩色粒子鼠标跟随动画效果(附源代码)
2024-11-18 05:19:55
view 2197
这是一个交互式的彩色粒子动画,随着鼠标移动产生五彩缤纷的粒子爆炸效果。通过定义粒子类、创建爆炸效果和使用动画循环,代码实现了流畅的视觉体验。用户只需将源代码复制到HTML文件中并在浏览器中打开,即可体验该动态效果。
动画
交互设计
Web开发
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
python
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
上一页
1
2
下一页