Skip to main content

苹果终端草

内置 Grass 配置文件中的 macOS Terminal.app 窗口 — 漆黑的背景,纯绿色的文本和匹配的光标。经典的终端美学与每个字符的打字动画。 code developer showcase terminal apple

安装

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

细节

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

文件

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

用法

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

特征

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