Files
zguiyang bbb2f41591 feat: add new OpenSpec skills for change management and onboarding
- Created `openspec-ff-change` skill for fast-forward artifact creation.
- Introduced `openspec-new-change` skill for structured change creation.
- Developed `openspec-onboard` skill for guided onboarding through OpenSpec workflow.
- Added `openspec-sync-specs` skill for syncing delta specs to main specs.
- Implemented `openspec-verify-change` skill for verifying implementation against change artifacts.
- Updated `.gitignore` to exclude OpenSpec generated files.
- Added `skills-lock.json` to manage skill dependencies.
2026-03-13 13:18:03 +08:00

1.5 KiB

name, description
name description
transform-base Base transform utilities for enabling transforms, hardware acceleration, and custom transform values

Transform

Base utilities for transforming elements.

Usage

Hardware acceleration

Use transform-gpu to force GPU acceleration for better performance:

<div class="scale-150 transform-gpu">
  GPU-accelerated transform
</div>

CPU rendering

Use transform-cpu to force CPU rendering if needed:

<div class="scale-150 transform-cpu">
  CPU-rendered transform
</div>

Removing transforms

Use transform-none to remove all transforms:

<div class="skew-y-3 md:transform-none">
  Skewed on mobile, normal on desktop
</div>

Custom transforms

Use arbitrary values for custom transform functions:

<div class="transform-[matrix(1,2,3,4,5,6)]">
  Custom matrix transform
</div>
<div class="transform-[perspective(1000px)_rotateX(45deg)]">
  Custom 3D transform
</div>

Key Points

  • transform-gpu enables hardware acceleration with translateZ(0)
  • transform-cpu forces CPU rendering (removes GPU acceleration)
  • transform-none removes all transforms at once
  • Use transform-gpu for better animation performance
  • Custom transforms use arbitrary values: transform-[...]
  • Transform utilities (translate, rotate, scale, skew) automatically enable transform
  • Hardware acceleration is usually beneficial for animations