Animazione come in questo sito

[alexw3b]

Devo disegnare un sito per uno studio fotografico, il sito che mi ha dato come riferimento è questo: http://www.cymbeline.com/it_IT/ vorrei però fare l'animazione delle due linee che si incrociano, cosa posso usare?

[noos]

è molto semplice, puoi utilizzare flash per realizzare ciò che vuoi

[dwb]

Originariamente inviato da noos
è molto semplice, puoi utilizzare flash per realizzare ciò che vuoi

Il sito in questione non usa Flash, dal momento che è perfettamente visualizzabile anche da dispositivi Apple, com'è stata realizzata quindi quell'animazione?

[ALFABreezE]

Originariamente inviato da dwb
Il sito in questione non usa Flash, dal momento che è perfettamente visualizzabile anche da dispositivi Apple, com'è stata realizzata quindi quell'animazione?

Nella fattispecie, con jQuery e un po' di CSS.
Se ti apri il sorgente della pagina, trovi lo script più o meno alla riga 252:

// Animation bordure verticale     
var browserWidth = getBrowserWidth();     
var browserHeight = getBrowserHeight();     
var height = browserHeight*0.9;     
setTimeout(function(){
 $("#vertical_border").animate({ height: ''+height-$('#logo').height()+30+'px' }, 4000);
},1200);     
setTimeout(function() {
  $("#horizontal_border").animate({ width: "103%" }, 2600)
},1200); 

cià
ale

[Myaku]

sposto su js

[dwb]

Grazie...dopo controllo...

[SalvoSoftware]

// Animation bordure verticale var browserWidth = getBrowserWidth(); var browserHeight = getBrowserHeight(); var height = browserHeight*0.9; setTimeout(function(){ $("#vertical_border").animate({ height: ''+height-$('#logo').height()+30+'px' }, 4000); },1200); setTimeout(function() { $("#horizontal_border").animate({ width: "103%" }, 2600) },1200);

Credo che mi sarà utile xD

[dwb]

Su dispositivi Android le linee sono statiche, dell'animazio nemmeno l'ombra!