Creare un'animazione per un sito web col codice?

[Paperpaint]

Ciao, scrivo perché ho provato ad approcciarmi con il mondo del WebDesign...
...sono decisamente troppi linguaggi effettivamente, volevo fare una cosa semplice a spiegarsi ma non so se complicata a farsi.

Devo creare un div quadrato con scritto dentro la parola BIOGRAFIA, quando passo con il mouse sopra, questo dovrebbe animarsi cambiando forma e scritta gradualmente con una interpolazione.
Se rimuovo il mouse, deve ritornare alla propria forma originaria con scritto sempre BIOGRAFIA.

Credo che il css non basti, quindi .classe1:hover {codice}.
Ci vuole sicuramente il JQuery.

Qualche aiuto?
Grazie.

[CaptainOlon]

Per la forma basta il CSS.
Puoi usare le transizioni. Oppure se devi fare qualcosa di particolare, le animazioni, ma nel tuo caso ti bastano le transizioni.
Per la scritta dipende dal tuo caso. Se deve effettivamente cambiare allora server JS.

[Scario]

Per la forma basta il CSS.
Puoi usare le transizioni. Oppure se devi fare qualcosa di particolare, le animazioni, ma nel tuo caso ti bastano le transizioni.
Per la scritta dipende dal tuo caso. Se deve effettivamente cambiare allora server JS.

.. cambiando forma e scritta gradualmente con una interpolazione...

Concordo con CaptainOlon riguardo alla forma. Riguardo al testo.. Così su due piedi nemmeno con javascript\jquery mi verrebbe in mente come realizzarlo. Nel caso tu riesca a risolvere illuminami che sono interessato