Back to skills
SKILL.md
Motion Frames
ASecurity可循环 CSS 动效组合: 旋转环、地球仪、计时器、视差标签
- 8,902 stars
- 0 votes
- 1 copy
- 12 views
- Added May 27, 2026
Security analysis
100/100Pro scans all 2 files and shows the line behind each finding
npx -y skills add nexu-io/html-anything --skill motion-frames --agent claude-codeAre you the author of Motion Frames?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/nexu-io-motion-frames)---
name: motion-frames
zh_name: "动效英雄帧"
en_name: "Motion Frames"
emoji: "🌀"
description: "可循环 CSS 动效组合: 旋转环、地球仪、计时器、视差标签"
category: video
scenario: marketing
aspect_hint: "桌面 hero"
featured: 6
tags: ["motion", "title card", "loop", "video poster"]
---
【模板: Motion 帧 / Hero Loop】
【意图】一帧带循环动效的 hero, 可作为视频片头或落地页大图。
【布局】
- Rotating type ring (SVG + transform)
- Animated globe / 抽象几何
- Ticking timer (mono 字体, JS 可有可无)
- Parallax labels 浮动
【设计细节】
- 纯 CSS 动效, 流畅可循环
- 电影感调色 + 1 个霓虹 accent
Files in this skill
- SKILL.md
- example.html
Attribution
Comments
Loading comments…
Newsletter
Get the weekly list of safe new skills, and the ones we pulled.