Skip to main content

​
苹果码头海洋

内置 Ocean 配置文件中的 macOS Terminal.app 窗口 — 生动的 #224FBE 蓝色背景和清晰的白色文本。大胆而独特，带有每个字符的打字动画。 code developer showcase terminal apple

​
安装

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

​
细节

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

​
文件

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

​
用法

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

​
特征

  • 忠实再现 macOS Terminal.app Ocean 配置文件 — #224FBE 蓝色背景，白色文本
  • 带有交通灯按钮和居中标题栏的 macOS 窗口镀铬
  • 每个字符的 GSAP 键入动画 — 命令逐个字符地键入
  • 命令执行后输出行按顺序显示
  • 光标最后闪烁三下然后保持稳定
  • 独立的 HTML — 没有外部资产，只有 GSAP CDN