HomeStylesTemplates
StyleKit
风格库动效模板
博客更新日志
  1. Home
  2. /Animations
  3. /Slide Out Right
返回动画列表

右侧滑出

Slide Out Right

元素向右侧滑出视口并消失，适合侧面板关闭、抽屉菜单收起等退场效果。

退场点击时初级GPU 加速

预览

代码

持续时间

400ms

缓动函数

cubic-bezier(0.4, 0, 1, 1)

CSS 属性

opacity, transform

使用场景

  • Side panel closing
  • Drawer menu dismiss
  • Card swipe-to-dismiss
  • Page transition exit

相关动画

slide-in-leftslide-in-rightfade-out-down

StyleKit

精选网页设计风格库，帮助 AI 生成更好看的网站。

导航

风格库模板指南博客更新日志

资源

UI 设计提示词落地页提示词Dashboard 提示词Tailwind UI 提示词暗黑模式提示词GitHub 仓库

保持更新

订阅即表示您同意我们的 隐私政策 和 服务条款。

(c) 2026 StyleKit. 开源项目。

关于联系与支持隐私政策服务条款基于 Editorial 风格构建