N's Webtools
Home
📈

CSS Easing / Editor curve di Bézier

Modifica visualmente le funzioni di timing cubic-bezier() con anteprima animazione

Predefiniti

Confronta

linear
ease
custom

Come usare

Trascina i punti di controllo rosso e verde per modellare la curva. Usa i predefiniti per gli easing comuni. Anteprima dell'animazione e confronto con linear/ease.

  • Editor di curve visuale con trascina e rilascia
  • 9 predefiniti easing
  • Anteprima animazione con controllo durata
  • Confronto affiancato (linear/ease/personalizzato)

Casi d'uso

  • Per perfezionare il timing delle transizioni CSS
  • Per confrontare le curve di easing
  • Per prototipare animazioni fluide

Condividi

Strumenti correlati