Skip to main content

苹果终端基本

内置基本配置文件中的 macOS Terminal.app 窗口 — 干净的白色背景,带有黑色等宽文本和纯黑色光标。每个字符的打字动画与输出显示。 code developer showcase terminal apple

安装

npx hyperframes add code-snippet-apple-terminal-basic
一次安装所有 Apple 终端主题:
Terminal
npx hyperframes add apple-terminal

细节

财产价值
类型堵塞
方面1920×1080
期间12秒

文件

文件目标类型
code-snippet-apple-terminal-basic.htmlcompositions/code-snippet-apple-terminal-basic.html超框架:组合

用法

安装后,将该块添加到您的主机组合中:
<div
  data-composition-id="code-snippet-apple-terminal-basic"
  data-composition-src="compositions/code-snippet-apple-terminal-basic.html"
  data-start="0"
  data-duration="12"
  data-track-index="1"
  data-width="1920"
  data-height="1080"
></div>

特征

  • 忠实再现 macOS Terminal.app 基本配置文件 — 白色背景、黑色文本、实心光标
  • 带有交通灯按钮(关闭、最小化、全屏)和居中标题栏的 macOS 窗口镶边
  • 每个字符的 GSAP 键入动画 — 命令逐个字符地键入
  • 命令执行后输出行按顺序显示
  • 光标最后闪烁三下然后保持稳定
  • 独立的 HTML — 没有外部资产,只有 GSAP CDN