通过简单的CSS类名实现丰富的入场和强调动画效果,无需编写复杂的CSS动画代码。
使用 animate__bounceInLeft 类实现从左侧弹跳进入的效果,适合元素入场动画。
使用 animate__flipInY 类实现垂直翻转进入,增加视觉层次感。
使用 animate__heartBeat 类实现心跳脉冲效果,适合强调重点内容。
鼠标悬停时触发的各种过渡和动画效果,提升交互体验。
移动端友好的滑动组件,支持多种切换效果,适合课件内容轮播展示。
随页面滚动自动触发动画效果,让课件内容展示更有节奏感。
向上淡入效果,适合内容块依次展示
向下淡入效果,增加页面动态感
放大进入效果,突出重点内容
专业的JavaScript动画库,支持复杂的补间动画,实现精细的课件动画控制。
点击下方按钮查看GSAP动画效果
模拟打字机效果的文字动画,适合课件中的文字逐步展示。
轻量级滚动动画库,元素随滚动逐渐显现,优化课件内容浏览体验。
随滚动逐渐显示的内容
随滚动逐渐显示的内容
随滚动逐渐显示的内容
创建层次分明的视差滚动效果,增强课件页面的空间感和沉浸感。
速度系数 -2,滚动时移动更慢,营造远景效果
速度系数 2,滚动时移动更快,营造近景效果