# 60fps Animation

> Fixes janky web animation by moving width, height, position and box-shadow animations onto compositor-only transform and opacity, using pseudo-element opacity for shadows and the FLIP technique for layout changes and height: auto, to reach smooth 60/120fps motion.

- Type: Skill
- Repository: https://github.com/iart-ai/web-animation-skills/tree/main/skills/60fps-animation
- Page: https://hebbmind.com/skill/60fps-animation
- Stars: 45
- Professions: [Frontend](https://hebbmind.com/tools.md?profession=frontend)
- Tags: animation, performance, css
- Listed on: 2026-10-08

## Install

### Claude Code

```bash
npx skills add iart-ai/web-animation-skills --skill 60fps-animation -a claude-code -y
```

### Codex

```bash
npx skills add iart-ai/web-animation-skills --skill 60fps-animation -a codex -y
```

## README

The README of this resource is not cached here yet. See the repository: https://github.com/iart-ai/web-animation-skills/tree/main/skills/60fps-animation