SKILL.md
CSS Native Animation Principles
Implement all 12 Disney animation principles using CSS animations, transitions, and transforms.
1. Squash and Stretch
@keyframes squash-stretch {
0%, 100% { transform: scaleX(1) scaleY(1); }
50% { transform: scaleX(1.2) scaleY(0.8); }
}
.ball { animation: squash-stretch 0.3s ease-in-out; }