Skip to main content
Penguin ToolsStrumenti Pinguino

Generatore CSS Cubic Bezier

Crea visivamente curve di easing per animazioni CSS. Trascina i punti di controllo e visualizza le animazioni in tempo reale.

Preimpostazioni

Editor curva

P1(0.25, 0.10)
P2(0.25, 1.00)

Anteprima

Durata

1.0s

Output

cubic-bezier(0.25, 0.10, 0.25, 1.00)
transition: all 1.0s cubic-bezier(0.25, 0.10, 0.25, 1.00);
Condividi strumento
📖

Come usare

Step 1

Regola la Curva

Regola la Curva

Trascina i punti di controllo della curva bezier

Step 2

Anteprima

Anteprima

Controlla con l'anteprima dell'animazione

Step 3

Copia

Copia

Copia il codice CSS per l'utilizzo

✨

Funzionalità

Controlli a Trascinamento

Trascina i punti di controllo per regolare la curva

Preimpostazioni

Preimpostazioni come ease, ease-in, ease-out

Anteprima Animazione

Anteprima dell'easing con animazione live

❓

FAQ

Una funzione di easing che definisce i pattern di accelerazione delle animazioni.

🔗Strumenti correlati

🎨
Strumenti design

Convertitore codici colore

Converti tra codici colore HEX, RGB e HSL. Usa il selettore di colore e l'anteprima in tempo reale per una selezione intuitiva dei colori.

🎨
Strumenti design

Selettore di Colori

Scegli colori in modo intuitivo usando una ruota cromatica e cursori. Ottieni e copia codici colore in formato HEX, RGB e HSL.

🎨
Strumenti design

Estrattore Colori Immagine

Rileva automaticamente i colori dominanti di un'immagine e genera una palette di colori. Puoi anche cliccare in qualsiasi punto dell'immagine per selezionare singoli colori.

🎯
Strumenti design

Selettore Colore Medio Immagine

Calcola il colore medio di un'intera immagine o di un'area selezionata. Utile per scegliere schemi di colori o colori di sfondo per miniature.

🌈
Strumenti design

Generatore CSS Gradiente

Crea visivamente gradienti CSS con controlli a trascinamento. Supporta gradienti lineari, radiali e conici con preimpostazioni.

🔲
Strumenti design

Generatore CSS Box Shadow

Crea visivamente CSS box-shadow con cursori. Supporta ombre multiple e ombre interne (inset).