Salve a tutti,
sto realizzando un sito internet (mio personale quindi ci posso sbattere per tutto il tempo necessario); premetto che l'ultimo sito che ho creato e vecchio di due anni, con le validazioni w3c per html e css e delle stupidissime animazioni in flash, ma in due anni sono cambiate così tante cose... ho letto un paio di articoli e ho fatto fatica a capire come muovermi
.
Ma passiamo ai fatti
Materiale disponibile
4 Figure Vettoriali a tinta unica non molto complesse realizzate in illustrator
Cosa vorrei realizzare
un intro animata, sfondo pagina nera, le figure appaiono una alla volta con attributo "fade_in" quando tutte le figure sono disposte metto un effetto flash (tipo lampo) e un'inversione del colore, le figure diventano nere e lo sfondo bianco; appara un'ultima immagine vettoriale con fade_in che scorre da sinistra verso destra e il tutto si ferma in questa possizione.
Niente flash vorrei che questa cosa si vedesse o a breve si potesse vedere su iPhone - iPad e affini e anche perchè da quello che ho letto con Canvas di HTML5 o SVG posso realizzare questa animazione. Preferirei che la grafica rimanesse in qualche modo vettoriale e il DIV (chiamiamolo così) e tutto il suo contenuto grafico si ridimensionasse automaticamente a schermo intero (non devono apparire barre di scorrimento e vorrei che comunque occupasse la maggior parte dello schermo) il ridimensionamento da parte dell'utente, con zoom e robe del genere non deve avere alcun effetto.
Mi piacerebbe capire il meccanismo e anche la vostra opinione sul metodo da utilizzare, niente codice prefatto, mi piacerebbe arrivare a capire completamente cosa e come fare.
Grazie a todos
saluti Dario