Creare un'animazione per un sito web col codice?

Discussioni su qualunque linguaggio di programmazione o engine
Rispondi
Avatar utente
Paperpaint
Membro attivo
Messaggi: 375
Iscritto il: 02/01/2014, 16:19
Specialità: Visionario lol
Uso: GameMaker 8.1
Contatta:

Creare un'animazione per un sito web col codice?

Messaggio da 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. :)

Avatar utente
CaptainOlon
Membro attivo
Messaggi: 441
Iscritto il: 30/07/2011, 14:56
Specialità: Programmazione
Uso: GM:Studio 1.4 Pro
Località: Salerno
Contatta:

Re: Creare un'animazione per un sito web col codice?

Messaggio da 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.
Immagine
Immagine

Avatar utente
Scario
Moderatore
Messaggi: 2707
Iscritto il: 26/05/2003, 20:29
Specialità: Tergiversare
Uso: GM:Studio 2
Contatta:

Re: Creare un'animazione per un sito web col codice?

Messaggio da Scario »

CaptainOlon ha scritto: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.
Paperpaint ha scritto:.. 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 :)
Immagine

Rispondi

Chi c’è in linea

Visitano il forum: Nessuno e 6 ospiti