滑动动画(Slide In/Out)
通过 CSS keyframes 实现左右平滑滑动效果,模拟消息通知或图标入场。
淡入淡出(Fade In/Out)
渐显渐隐
利用 opacity 属性实现柔和的透明度变化,常用于加载提示或状态切换。
3D 旋转动画
360° 旋转
使用 transform: rotateY() 创建流畅的 3D 旋转效果,增强视觉吸引力。
弹跳动画(Bounce)
弹跳!
模拟 iOS 系统中的弹性反馈,适用于按钮点击或下拉刷新等场景。
交互式动画演示
点击我试试
点击按钮或 iPhone 模型,触发自定义 JavaScript 动画效果。